{"id":39310,"date":"2026-02-18T16:40:57","date_gmt":"2026-02-18T13:40:57","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/?p=39310"},"modified":"2026-02-18T16:40:57","modified_gmt":"2026-02-18T13:40:57","slug":"hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/","title":{"rendered":"Hugo Sitesini DigitalOcean App Platform’a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi"},"content":{"rendered":"

<\/p>\n

Hugo Sitesini DigitalOcean App Platform’a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi<\/h2>\n

G\u00fcn\u00fcm\u00fcz web d\u00fcnyas\u0131nda h\u0131z, g\u00fcvenlik ve bak\u0131m kolayl\u0131\u011f\u0131 b\u00fcy\u00fck \u00f6nem ta\u015f\u0131maktad\u0131r. Geleneksel dinamik web sitelerinin aksine, statik site jenerat\u00f6rleri (SSG’ler) bu ihtiya\u00e7lar\u0131 kar\u015f\u0131lamak i\u00e7in g\u00fc\u00e7l\u00fc bir alternatif sunar. Bu jenerat\u00f6rler aras\u0131nda pop\u00fclerli\u011fi h\u0131zla artan Hugo, h\u0131z\u0131 ve esnekli\u011fi ile \u00f6ne \u00e7\u0131kar. Di\u011fer yandan, uygulamalar\u0131 h\u0131zl\u0131 ve sorunsuz bir \u015fekilde da\u011f\u0131tmak i\u00e7in bulut platformlar\u0131 vazge\u00e7ilmez hale gelmi\u015ftir. DigitalOcean App Platform, geli\u015ftiricilere Git tabanl\u0131 da\u011f\u0131t\u0131mlar, otomatik derleme ve \u00f6l\u00e7eklenebilirlik sunarak bu s\u00fcreci basitle\u015ftiren g\u00fc\u00e7l\u00fc bir Platform as a Service (PaaS) \u00e7\u00f6z\u00fcm\u00fcd\u00fcr.<\/p>\n

Bu makalede, Hugo kullanarak h\u0131zl\u0131 ve g\u00fcvenli bir statik web sitesi olu\u015fturmay\u0131, ard\u0131ndan bu siteyi DigitalOcean App Platform’a nas\u0131l da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Hugo’nun temel \u00f6zelliklerinden ba\u015flayarak, bir siteyi yerel ortamda nas\u0131l kuraca\u011f\u0131n\u0131z\u0131, i\u00e7erik ekleyece\u011finizi ve son olarak DigitalOcean App Platform’un sundu\u011fu otomasyon yeteneklerini kullanarak sitenizi nas\u0131l canl\u0131ya alaca\u011f\u0131n\u0131z\u0131 detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. Bu rehberin sonunda, kendi Hugo sitenizi bulutta bar\u0131nd\u0131rmak i\u00e7in gerekli t\u00fcm bilgiye sahip olacaks\u0131n\u0131z.<\/p>\n

Hugo Nedir ve Neden Kullanmal\u0131y\u0131z?<\/h3>\n

Hugo, Go programlama diliyle yaz\u0131lm\u0131\u015f, a\u00e7\u0131k kaynakl\u0131 bir statik site jenerat\u00f6r\u00fcd\u00fcr (SSG). Dinamik bir veritaban\u0131 veya sunucu taraf\u0131 i\u015fleme gerektirmeyen web siteleri olu\u015fturmak i\u00e7in tasarlanm\u0131\u015ft\u0131r. Geleneksel i\u00e7erik y\u00f6netim sistemleri (CMS) gibi WordPress veya Drupal’\u0131n aksine, Hugo sayfalar\u0131 \u00f6nceden derler ve yaln\u0131zca HTML, CSS ve JavaScript gibi statik dosyalar \u00fcretir. Bu yakla\u015f\u0131m, web sitelerinin performans\u0131n\u0131, g\u00fcvenli\u011fini ve bak\u0131m kolayl\u0131\u011f\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131r\u0131r.<\/p>\n

Hugo’nun en \u00e7arp\u0131c\u0131 \u00f6zelliklerinden biri, inan\u0131lmaz h\u0131z\u0131d\u0131r. Binlerce sayfal\u0131k siteleri saniyeler i\u00e7inde derleyebilir. Bu, \u00f6zellikle b\u00fcy\u00fck bloglar, dok\u00fcmantasyon siteleri veya e-ticaret siteleri i\u00e7in geli\u015ftirme s\u00fcrecini son derece verimli hale getirir. Go dilinin sa\u011flad\u0131\u011f\u0131 performans avantajlar\u0131 sayesinde, Hugo di\u011fer SSG’lere k\u0131yasla genellikle daha h\u0131zl\u0131d\u0131r.<\/p>\n

Peki, Hugo’yu neden tercih etmeliyiz?<\/p>\n

* Y\u00fcksek Performans:<\/strong> Hugo, siteleri statik HTML dosyalar\u0131 olarak derledi\u011fi i\u00e7in, sunucu taraf\u0131nda herhangi bir i\u015flem gerektirmez. Bu, sitelerin \u00e7ok h\u0131zl\u0131 y\u00fcklenmesini sa\u011flar ve kullan\u0131c\u0131 deneyimini iyile\u015ftirir. Ayr\u0131ca, CDN (\u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131) ile entegrasyonu kolayd\u0131r, bu da k\u00fcresel eri\u015fimi ve performans\u0131 art\u0131r\u0131r.
\n* G\u00fcvenlik:<\/strong> Dinamik veritabanlar\u0131 veya sunucu taraf\u0131 kodlama olmad\u0131\u011f\u0131 i\u00e7in, SQL enjeksiyonu, XSS sald\u0131r\u0131lar\u0131 gibi yayg\u0131n web g\u00fcvenlik a\u00e7\u0131klar\u0131na kar\u015f\u0131 daha diren\u00e7lidir. Statik dosyalar, sald\u0131r\u0131 y\u00fczeyini minimuma indirir.
\n* Basitlik ve Geli\u015ftirici Dostu:<\/strong> \u0130\u00e7erik olu\u015fturmak i\u00e7in Markdown kullan\u0131r, bu da yazarlar\u0131n i\u00e7eri\u011fe odaklanmas\u0131n\u0131 kolayla\u015ft\u0131r\u0131r. Geli\u015ftiriciler i\u00e7in ise, Go \u015fablonlama motoru ve g\u00fc\u00e7l\u00fc k\u0131sa kodlar (shortcodes) sayesinde esnek ve geni\u015fletilebilir bir yap\u0131 sunar.
\n* D\u00fc\u015f\u00fck Maliyet:<\/strong> Statik siteler, dinamik sitelere g\u00f6re \u00e7ok daha az sunucu kayna\u011f\u0131 gerektirir. Bu da bar\u0131nd\u0131rma maliyetlerinin \u00f6nemli \u00f6l\u00e7\u00fcde d\u00fc\u015fmesini sa\u011flar. \u00c7o\u011fu bulut sa\u011flay\u0131c\u0131s\u0131, statik siteleri \u00e7ok uygun fiyatlara veya hatta \u00fccretsiz olarak bar\u0131nd\u0131rma se\u00e7enekleri sunar.
\n* Versiyon Kontrol\u00fc ile Entegrasyon:<\/strong> Hugo projeleri, Git gibi versiyon kontrol sistemleriyle m\u00fckemmel bir \u015fekilde entegre olur. Bu, i\u00e7erik ve kod de\u011fi\u015fikliklerini takip etmeyi, i\u015fbirli\u011fi yapmay\u0131 ve geri almay\u0131 kolayla\u015ft\u0131r\u0131r.
\n* Esneklik:<\/strong> Geni\u015f bir tema yelpazesi sunar ve kendi \u00f6zel temalar\u0131n\u0131z\u0131 olu\u015fturman\u0131za olanak tan\u0131r. Ayr\u0131ca, farkl\u0131 veri kaynaklar\u0131ndan (YAML, JSON, CSV) veri \u00e7ekme yetene\u011fi sayesinde karma\u015f\u0131k siteler olu\u015fturmak m\u00fcmk\u00fcnd\u00fcr.
\n* SEO Dostu:<\/strong> H\u0131zl\u0131 y\u00fcklenen siteler ve temiz HTML yap\u0131s\u0131, arama motoru optimizasyonu (SEO) i\u00e7in do\u011fal avantajlar sunar. Hugo, yap\u0131land\u0131r\u0131lm\u0131\u015f veri ve meta etiketleri gibi SEO \u00f6zelliklerini kolayca entegre etmenizi sa\u011flar.<\/p>\n

Hugo, bloglar, ki\u015fisel portf\u00f6y siteleri, \u015firket web siteleri, dok\u00fcmantasyon platformlar\u0131 ve hatta k\u00fc\u00e7\u00fck e-ticaret siteleri gibi bir\u00e7ok farkl\u0131 proje i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Geli\u015ftiriciler i\u00e7in h\u0131zl\u0131 prototipleme ve da\u011f\u0131t\u0131m s\u00fcre\u00e7leri sunarken, i\u00e7erik olu\u015fturucular i\u00e7in basit ve g\u00fc\u00e7l\u00fc bir yazma deneyimi sa\u011flar.<\/p>\n

Hugo Ortam\u0131n\u0131 Haz\u0131rlama ve \u0130lk Siteyi Olu\u015fturma<\/h3>\n

Hugo ile \u00e7al\u0131\u015fmaya ba\u015flamadan \u00f6nce, Hugo’yu yerel geli\u015ftirme ortam\u0131n\u0131za kurman\u0131z ve ard\u0131ndan ilk sitenizi olu\u015fturman\u0131z gerekir. Bu b\u00f6l\u00fcm, bu s\u00fcreci ad\u0131m ad\u0131m a\u00e7\u0131klayacakt\u0131r.<\/p>\n

Hugo Kurulumu<\/h4>\n

Hugo, farkl\u0131 i\u015fletim sistemleri i\u00e7in kolay kurulum y\u00f6ntemleri sunar. Kulland\u0131\u011f\u0131n\u0131z i\u015fletim sistemine g\u00f6re a\u015fa\u011f\u0131daki y\u00f6ntemlerden birini tercih edebilirsiniz:<\/p>\n

* macOS:<\/strong> Homebrew kullanarak Hugo’yu kurmak en kolay yoldur. Terminalinizi a\u00e7\u0131n ve a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\n

brew install hugo<\/code><\/pre>\n
*   Windows:<\/strong> Chocolatey paket y\u00f6neticisini kullanarak Hugo’yu kurabilirsiniz. Y\u00f6netici olarak a\u00e7t\u0131\u011f\u0131n\u0131z PowerShell veya Komut \u0130stemi’nde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\n
choco install hugo -confirm<\/code><\/pre>\n
    E\u011fer Chocolatey kurulu de\u011filse, \u00f6ncelikle Chocolatey’yi kurman\u0131z gerekecektir. Alternatif olarak, Hugo’nun GitHub releases sayfas\u0131ndan ikili dosyay\u0131 indirip PATH’inize ekleyebilirsiniz.
\n*   Linux:<\/strong> \u00c7o\u011fu Linux da\u011f\u0131t\u0131m\u0131 i\u00e7in paket y\u00f6neticileri arac\u0131l\u0131\u011f\u0131yla kurulum mevcuttur. \u00d6rne\u011fin, Debian\/Ubuntu i\u00e7in:<\/p>\n
sudo apt-get install hugo<\/code><\/pre>\n
    Fedora i\u00e7in:<\/p>\n
sudo dnf install hugo<\/code><\/pre>\n
    Alternatif olarak, Linux i\u00e7in de GitHub releases sayfas\u0131ndan ikili dosyay\u0131 indirip \/usr\/local\/bin<\/code> gibi bir PATH dizinine ta\u015f\u0131yabilirsiniz.<\/p>\n
Kurulumu do\u011frulama: Kurulumdan sonra, terminalinizde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131rarak Hugo’nun do\u011fru bir \u015fekilde kurulup kurulmad\u0131\u011f\u0131n\u0131 ve versiyonunu kontrol edebilirsiniz:<\/p>\n
hugo version<\/code><\/pre>\n
\u00c7\u0131kt\u0131 olarak Hugo’nun versiyon numaras\u0131n\u0131 g\u00f6rmelisiniz (\u00f6rne\u011fin, hugo v0.120.4+extended darwin\/amd64 BuildDate=...<\/code>).<\/p>\n
Yeni Bir Hugo Sitesi Olu\u015fturma<\/h4>\n
Hugo kurulduktan sonra, yeni bir site olu\u015fturmak olduk\u00e7a basittir. Terminalinizde sitenizi olu\u015fturmak istedi\u011finiz dizine gidin ve a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\n
hugo new site my-hugo-site<\/code><\/pre>\n
Bu komut, my-hugo-site<\/code> ad\u0131nda yeni bir dizin olu\u015fturacak ve Hugo’nun temel dosya yap\u0131s\u0131n\u0131 bu dizine yerle\u015ftirecektir. Olu\u015fturulan dizinin yap\u0131s\u0131 \u015fu \u015fekildedir:<\/p>\n
*   archetypes\/<\/code>: Yeni i\u00e7erik olu\u015ftururken kullan\u0131lan \u015fablon dosyalar\u0131.
\n*   content\/<\/code>: Sitenizin t\u00fcm i\u00e7eri\u011fi (Markdown dosyalar\u0131) burada bulunur.
\n*   data\/<\/code>: Yap\u0131land\u0131r\u0131lm\u0131\u015f veri dosyalar\u0131 (JSON, YAML, CSV) i\u00e7in.
\n*   layouts\/<\/code>: HTML \u015fablonlar\u0131, sitenizin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve d\u00fczenini tan\u0131mlar.
\n*   static\/<\/code>: CSS, JavaScript, resimler ve di\u011fer statik varl\u0131klar i\u00e7in.
\n*   themes\/<\/code>: Sitenizin temas\u0131n\u0131 bar\u0131nd\u0131ran dizin.
\n*   config.toml<\/code> (veya .yaml<\/code>, .json<\/code>): Sitenizin ana yap\u0131land\u0131rma dosyas\u0131.<\/p>\n
Tema Ekleme<\/h4>\n
Hugo, sitenizin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc h\u0131zl\u0131ca de\u011fi\u015ftirmek i\u00e7in temalar\u0131 kullan\u0131r. Hugo’nun resmi tema k\u00fct\u00fcphanesinden veya GitHub’dan be\u011fendi\u011finiz bir temay\u0131 se\u00e7ebilirsiniz. Bu \u00f6rnekte, “ananke” temas\u0131n\u0131 kullanaca\u011f\u0131z, ancak istedi\u011finiz herhangi bir temay\u0131 se\u00e7ebilirsiniz.<\/p>\n
1.  Olu\u015fturdu\u011funuz site dizinine gidin:<\/p>\n
cd my-hugo-site<\/code><\/pre>\n
2.  Git deposunu ba\u015flat\u0131n (e\u011fer daha \u00f6nce yapmad\u0131ysan\u0131z):<\/p>\n
git init<\/code><\/pre>\n
3.  Temay\u0131 bir Git submodule olarak ekleyin. Bu, teman\u0131z\u0131 projenizin bir par\u00e7as\u0131 olarak y\u00f6netmenizi sa\u011flar:<\/p>\n
git submodule add https:\/\/github.com\/theNewDynamic\/gohugo-theme-ananke.git themes\/ananke<\/code><\/pre>\n
4.  Sitenizin config.toml<\/code> dosyas\u0131n\u0131 a\u00e7\u0131n ve theme<\/code> parametresini ekledi\u011finiz teman\u0131n ad\u0131yla g\u00fcncelleyin:<\/p>\n
baseURL = 'http:\/\/example.org\/'\n    languageCode = 'en-us'\n    title = 'My Hugo Site'\n    theme = 'ananke' # Bu sat\u0131r\u0131 ekleyin veya g\u00fcncelleyin<\/code><\/pre>\n
\u0130\u00e7erik Olu\u015fturma<\/h4>\n
\u015eimdi sitenize i\u00e7erik ekleyelim. Hugo, i\u00e7eri\u011fi Markdown dosyalar\u0131 olarak content\/<\/code> dizininde y\u00f6netir. Yeni bir g\u00f6nderi olu\u015fturmak i\u00e7in a\u015fa\u011f\u0131daki komutu kullan\u0131n:<\/p>\n
hugo new posts\/ilk-yazim.md<\/code><\/pre>\n
Bu komut, content\/posts\/ilk-yazim.md<\/code> yolunda yeni bir Markdown dosyas\u0131 olu\u015fturur. Dosyay\u0131 a\u00e7t\u0131\u011f\u0131n\u0131zda, en \u00fcstte “front matter” ad\u0131 verilen YAML (veya TOML\/JSON) format\u0131nda meta veriler g\u00f6receksiniz:<\/p>\n
---\ntitle: \"\u0130lk Yaz\u0131m\"\ndate: 2023-11-15T10:00:00+03:00\ndraft: true\n---\n\nBu, Hugo sitemdeki ilk yaz\u0131m. Markdown ile i\u00e7erik olu\u015fturmak \u00e7ok kolay!<\/code><\/pre>\n
draft: true<\/code> parametresi, bu g\u00f6nderinin taslak oldu\u011funu ve hugo server<\/code> komutunu -D<\/code> bayra\u011f\u0131 olmadan \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda g\u00f6r\u00fcnmeyece\u011fini belirtir. Da\u011f\u0131t\u0131ma haz\u0131r oldu\u011funuzda veya yerel ortamda g\u00f6rmek istedi\u011finizde bu de\u011feri false<\/code> olarak de\u011fi\u015ftirebilirsiniz.<\/p>\n
Siteyi Yerel Olarak \u00c7al\u0131\u015ft\u0131rma<\/h4>\n
De\u011fi\u015fikliklerinizi taray\u0131c\u0131n\u0131zda g\u00f6rmek i\u00e7in Hugo’nun yerle\u015fik geli\u015ftirme sunucusunu kullanabilirsiniz. Site dizininizdeyken a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\n
hugo server -D<\/code><\/pre>\n
-D<\/code> bayra\u011f\u0131, taslak (draft) g\u00f6nderileri de g\u00f6stermesini sa\u011flar. Komutu \u00e7al\u0131\u015ft\u0131rd\u0131ktan sonra terminalinizde Web Server is available at http:\/\/localhost:1313\/<\/code> gibi bir \u00e7\u0131kt\u0131 g\u00f6receksiniz. Taray\u0131c\u0131n\u0131zda bu adresi ziyaret ederek sitenizi g\u00f6r\u00fcnt\u00fcleyebilirsiniz. Hugo’nun geli\u015ftirme sunucusu, dosya de\u011fi\u015fikliklerini otomatik olarak alg\u0131lar ve taray\u0131c\u0131y\u0131 yenileyerek anl\u0131k \u00f6nizleme sa\u011flar.<\/p>\n
Siteyi Derleme (Build)<\/h4>\n
Sitenizi da\u011f\u0131t\u0131ma haz\u0131r hale getirmek i\u00e7in Hugo’nun derleme komutunu kullanman\u0131z gerekir. Bu komut, t\u00fcm Markdown dosyalar\u0131n\u0131, \u015fablonlar\u0131 ve statik varl\u0131klar\u0131 alarak public\/<\/code> dizinine tamamen statik HTML, CSS ve JavaScript dosyalar\u0131n\u0131 \u00e7\u0131kar\u0131r.<\/p>\n
hugo<\/code><\/pre>\n
Bu komutu \u00e7al\u0131\u015ft\u0131rd\u0131ktan sonra, my-hugo-site\/public\/<\/code> dizininde sitenizin t\u00fcm statik i\u00e7eri\u011fini bulacaks\u0131n\u0131z. Bu dizin, bir web sunucusuna y\u00fcklenecek veya DigitalOcean App Platform gibi bir da\u011f\u0131t\u0131m platformuna g\u00f6nderilecek olan nihai \u00e7\u0131kt\u0131d\u0131r. public\/<\/code> dizini genellikle Git deposuna eklenmez, \u00e7\u00fcnk\u00fc her da\u011f\u0131t\u0131mda yeniden olu\u015fturulur. .gitignore<\/code> dosyan\u0131za \/public\/<\/code> ekledi\u011finizden emin olun.<\/p>\n
Bu ad\u0131mlar\u0131 tamamlad\u0131\u011f\u0131n\u0131zda, Hugo ile \u00e7al\u0131\u015fan bir siteniz olacak ve onu yerel ortamda g\u00f6r\u00fcnt\u00fcleyebileceksiniz. Bir sonraki ad\u0131m, bu siteyi DigitalOcean App Platform’a da\u011f\u0131tmakt\u0131r.<\/p>\n
DigitalOcean App Platform Nedir?<\/h3>\n
DigitalOcean App Platform, geli\u015ftiricilerin uygulamalar\u0131 h\u0131zl\u0131, kolay ve \u00f6l\u00e7eklenebilir bir \u015fekilde da\u011f\u0131tmas\u0131n\u0131 sa\u011flayan tam y\u00f6netilen bir Platform as a Service (PaaS) \u00e7\u00f6z\u00fcm\u00fcd\u00fcr. Altyap\u0131 y\u00f6netimiyle u\u011fra\u015fmak yerine, geli\u015ftiricilerin kod yazmaya odaklanmas\u0131n\u0131 hedefler. Geleneksel sunucu kurulumu ve bak\u0131m\u0131 gibi karma\u015f\u0131k g\u00f6revleri DigitalOcean sizin i\u00e7in \u00fcstlenir.<\/p>\n
App Platform, web uygulamalar\u0131ndan API’lere, statik sitelerden arka u\u00e7 hizmetlerine kadar geni\u015f bir yelpazedeki uygulamalar\u0131 destekler. \u00d6zellikle Git tabanl\u0131 da\u011f\u0131t\u0131m i\u015f ak\u0131\u015f\u0131yla \u00f6ne \u00e7\u0131kar; kodunuzu bir Git deposuna (GitHub, GitLab, Bitbucket) itti\u011finizde, App Platform otomatik olarak uygulaman\u0131z\u0131 derler ve da\u011f\u0131t\u0131r. Bu, s\u00fcrekli entegrasyon ve s\u00fcrekli da\u011f\u0131t\u0131m (CI\/CD) s\u00fcre\u00e7lerini basitle\u015ftirir ve geli\u015ftirme verimlili\u011fini art\u0131r\u0131r.<\/p>\n
DigitalOcean App Platform’un temel \u00f6zellikleri ve Hugo siteleri i\u00e7in neden ideal bir se\u00e7im oldu\u011fu a\u015fa\u011f\u0131da a\u00e7\u0131klanm\u0131\u015ft\u0131r:<\/p>\n
*   Tam Y\u00f6netilen Altyap\u0131:<\/strong> Sunucu yap\u0131land\u0131rmas\u0131, i\u015fletim sistemi g\u00fcncellemeleri, g\u00fcvenlik yamalar\u0131 veya \u00f6l\u00e7eklendirme gibi altyap\u0131 y\u00f6netimi g\u00f6revleriyle u\u011fra\u015fman\u0131za gerek kalmaz. DigitalOcean t\u00fcm bunlar\u0131 otomatik olarak halleder. Bu, \u00f6zellikle DevOps bilgisi olmayan veya bu t\u00fcr i\u015flere zaman ay\u0131rmak istemeyen geli\u015ftiriciler i\u00e7in b\u00fcy\u00fck bir avantajd\u0131r.
\n*   Git Tabanl\u0131 Da\u011f\u0131t\u0131m:<\/strong> Uygulaman\u0131z\u0131 GitHub, GitLab veya Bitbucket’taki bir depoya ba\u011flars\u0131n\u0131z. Kodunuzu ana dala (veya belirledi\u011finiz ba\u015fka bir dala) itti\u011finizde, App Platform otomatik olarak de\u011fi\u015fiklikleri alg\u0131lar, kodu \u00e7eker, derler ve da\u011f\u0131t\u0131r. Bu otomasyon, da\u011f\u0131t\u0131m s\u00fcrecini h\u0131zland\u0131r\u0131r ve insan hatas\u0131 riskini azalt\u0131r.
\n*   Otomatik Derleme ve Da\u011f\u0131t\u0131m:<\/strong> App Platform, uygulaman\u0131z\u0131n dilini veya \u00e7er\u00e7evesini otomatik olarak tan\u0131r (\u00f6rne\u011fin Node.js, Python, Go, PHP, Ruby) ve uygun derleme ad\u0131mlar\u0131n\u0131 uygular. Hugo gibi statik siteler i\u00e7in ise, belirtti\u011finiz build<\/code> komutunu (\u00f6rne\u011fin hugo<\/code>) \u00e7al\u0131\u015ft\u0131r\u0131r ve publish<\/code> dizinindeki (public\/<\/code>) dosyalar\u0131 sunar.
\n*   \u00d6l\u00e7eklenebilirlik:<\/strong> Uygulaman\u0131z\u0131n trafi\u011fi artt\u0131\u011f\u0131nda, App Platform otomatik olarak kaynaklar\u0131 \u00f6l\u00e7eklendirebilir. Bu, sitenizin y\u00fcksek y\u00fck alt\u0131nda bile performans\u0131n\u0131 korumas\u0131n\u0131 sa\u011flar. Statik siteler i\u00e7in bu genellikle CDN entegrasyonu ve \u00f6nbellekleme ile sa\u011flan\u0131r.
\n*   Geni\u015f Desteklenen Teknolojiler:<\/strong> Web hizmetleri (Node.js, Python, Go, PHP, Ruby, Java), veritabanlar\u0131 (PostgreSQL, MySQL, Redis), statik siteler ve hatta Cron i\u015fleri gibi \u00e7e\u015fitli bile\u015fenleri destekler. Bu, karma\u015f\u0131k uygulamalar\u0131n bile tek bir platformda bar\u0131nd\u0131r\u0131lmas\u0131na olanak tan\u0131r.
\n*   Yerle\u015fik CDN ve Otomatik SSL:<\/strong> App Platform, da\u011f\u0131t\u0131lan t\u00fcm uygulamalar i\u00e7in otomatik olarak \u00fccretsiz SSL sertifikalar\u0131 sa\u011flar ve sitenizin HTTPS \u00fczerinden g\u00fcvenli bir \u015fekilde yay\u0131nlanmas\u0131n\u0131 garanti eder. Ayr\u0131ca, d\u00fcnya genelinde da\u011f\u0131t\u0131lm\u0131\u015f sunucular\u0131 kullanarak i\u00e7eri\u011finizi kullan\u0131c\u0131lara daha h\u0131zl\u0131 ula\u015ft\u0131ran bir \u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131 (CDN) entegrasyonu sunar. Bu, Hugo gibi statik sitelerin performans\u0131n\u0131 daha da art\u0131r\u0131r.
\n*   D\u00fc\u015f\u00fck Maliyet ve \u015eeffaf Fiyatland\u0131rma:<\/strong> Kullan\u0131m\u0131n\u0131za g\u00f6re \u00f6deme (pay-as-you-go) modeliyle \u00e7al\u0131\u015f\u0131r. Statik siteler i\u00e7in genellikle \u00e7ok uygun fiyatland\u0131rma sunar, hatta belirli bir limitin alt\u0131nda \u00fccretsiz kullan\u0131m se\u00e7enekleri de mevcuttur.
\n*   \u00d6zel Alan Ad\u0131 Deste\u011fi:<\/strong> Kendi \u00f6zel alan ad\u0131n\u0131z\u0131 kolayca uygulaman\u0131za ba\u011flayabilir ve DigitalOcean’\u0131n DNS y\u00f6netimi veya harici bir DNS sa\u011flay\u0131c\u0131s\u0131 arac\u0131l\u0131\u011f\u0131yla y\u00f6netebilirsiniz.<\/p>\n
Hugo siteleri i\u00e7in DigitalOcean App Platform, \u00f6zellikle Git tabanl\u0131 da\u011f\u0131t\u0131m otomasyonu ve statik site bar\u0131nd\u0131rma yetenekleri nedeniyle m\u00fckemmel bir e\u015fle\u015fmedir. Hugo’nun statik do\u011fas\u0131, App Platform’un CDN ve otomatik \u00f6nbellekleme \u00f6zellikleri ile birle\u015fti\u011finde, inan\u0131lmaz h\u0131zl\u0131, g\u00fcvenli ve bak\u0131m\u0131 kolay web siteleri olu\u015fturman\u0131z\u0131 sa\u011flar. Manuel sunucu yap\u0131land\u0131rmas\u0131 veya Nginx\/Apache ayarlar\u0131yla u\u011fra\u015fmak yerine, sadece kodunuzu Git’e itin ve gerisini App Platform’a b\u0131rak\u0131n.<\/p>\n
Hugo Sitesini DigitalOcean App Platform’a Da\u011f\u0131tma<\/h3>\n
Hugo sitenizi DigitalOcean App Platform’a da\u011f\u0131tmak, Git tabanl\u0131 otomasyon sayesinde olduk\u00e7a basittir. Bu b\u00f6l\u00fcm, sitenizi nas\u0131l haz\u0131rlayaca\u011f\u0131n\u0131z\u0131 ve App Platform \u00fczerinde nas\u0131l bir uygulama olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayacakt\u0131r.<\/p>\n
Gereksinimler<\/h4>\n
Da\u011f\u0131t\u0131m i\u015flemine ba\u015flamadan \u00f6nce a\u015fa\u011f\u0131daki gereksinimleri kar\u015f\u0131lad\u0131\u011f\u0131n\u0131zdan emin olun:<\/p>\n
1.  DigitalOcean Hesab\u0131:<\/strong> Aktif bir DigitalOcean hesab\u0131n\u0131z olmal\u0131. E\u011fer yoksa, kolayca bir tane olu\u015fturabilirsiniz.
\n2.  Hugo Sitenizin Git Deposunda Olmas\u0131:<\/strong> Hugo projeniz, GitHub, GitLab veya Bitbucket gibi bir Git bar\u0131nd\u0131rma hizmetinde herkese a\u00e7\u0131k veya \u00f6zel bir depoda bulunmal\u0131d\u0131r. DigitalOcean App Platform, kodunuzu buradan \u00e7ekecektir.<\/p>\n
Git Deposunu Haz\u0131rlama<\/h4>\n
DigitalOcean App Platform’un Hugo sitenizi do\u011fru bir \u015fekilde derleyip da\u011f\u0131tabilmesi i\u00e7in Git deponuzun baz\u0131 \u00f6zelliklere sahip olmas\u0131 gerekir:<\/p>\n
1.  .gitignore<\/code> Dosyas\u0131:<\/strong> Hugo, sitenizi derledi\u011finde public\/<\/code> dizinini olu\u015fturur. Bu dizin, da\u011f\u0131t\u0131m platformu taraf\u0131ndan olu\u015fturulaca\u011f\u0131 i\u00e7in Git deposunda tutulmamal\u0131d\u0131r. public\/<\/code> dizinini .gitignore<\/code> dosyan\u0131za ekleyerek Git’in bu dizini izlemesini engelleyin. Ayr\u0131ca, Hugo’nun \u00f6nbellek ve kaynak dosyalar\u0131n\u0131 da eklemek iyi bir uygulamad\u0131r:<\/p>\n
# Hugo Cache\n    .hugo_build.lock\n    resources\/_gen\/\n    public\/\n    .DS_Store<\/code><\/pre>\n
2.  Tema Y\u00f6netimi:<\/strong> E\u011fer teman\u0131z\u0131 bir Git submodule olarak eklediyseniz (git submodule add ...<\/code>), DigitalOcean App Platform bu submodule’lar\u0131 otomatik olarak klonlayacakt\u0131r. E\u011fer teman\u0131z\u0131 do\u011frudan themes\/<\/code> dizinine kopyalad\u0131ysan\u0131z, bu dosyalar\u0131n Git deposuna dahil edildi\u011finden emin olun.
\n3.  config.toml<\/code> (veya .yaml<\/code>, .json<\/code>):<\/strong> Sitenizin ana yap\u0131land\u0131rma dosyas\u0131 deponuzun k\u00f6k dizininde olmal\u0131d\u0131r.<\/p>\n
De\u011fi\u015fikliklerinizi Git deponuza itin:<\/p>\n
git add .\ngit commit -m \"Initial commit for DigitalOcean App Platform deployment\"\ngit push origin main # veya kulland\u0131\u011f\u0131n\u0131z ana dal\u0131n ad\u0131<\/code><\/pre>\n
DigitalOcean App Platform’da Yeni Bir Uygulama Olu\u015fturma<\/h4>\n
\u015eimdi DigitalOcean kontrol paneline gidin ve Hugo sitenizi da\u011f\u0131tmak i\u00e7in ad\u0131mlar\u0131 izleyin:<\/p>\n
1.  DigitalOcean Kontrol Paneline Giri\u015f Yap\u0131n:<\/strong> cloud.digitalocean.com<\/code> adresinden hesab\u0131n\u0131za giri\u015f yap\u0131n.
\n2.  “Apps” B\u00f6l\u00fcm\u00fcne Gidin:<\/strong> Sol men\u00fcde “Apps” se\u00e7ene\u011fini bulun ve t\u0131klay\u0131n.
\n3.  “Create App” Butonuna T\u0131klay\u0131n:<\/strong> Yeni bir uygulama olu\u015fturmak i\u00e7in b\u00fcy\u00fck “Create App” butonuna t\u0131klay\u0131n.
\n4.  Git Kayna\u011f\u0131n\u0131z\u0131 Ba\u011flay\u0131n:<\/strong> DigitalOcean, Git sa\u011flay\u0131c\u0131n\u0131z\u0131 (GitHub, GitLab, Bitbucket) ba\u011flaman\u0131z\u0131 isteyecektir. \u0130lgili hizmeti se\u00e7in ve DigitalOcean’a deponuza eri\u015fim izni verin.
\n5.  Deponuzu ve Dal\u0131n\u0131z\u0131 Se\u00e7in:<\/strong> A\u00e7\u0131lan listeden Hugo sitenizin bulundu\u011fu Git deposunu ve da\u011f\u0131t\u0131m yapmak istedi\u011finiz dal\u0131 (genellikle main<\/code> veya master<\/code>) se\u00e7in. “Next” butonuna t\u0131klay\u0131n.
\n6.  Kaynaklar\u0131 Yap\u0131land\u0131r\u0131n (Configure Resources):<\/strong> Bu ad\u0131m, Hugo sitenizi da\u011f\u0131tmak i\u00e7in en kritik ad\u0131md\u0131r.
\n    *   DigitalOcean, deponuzu tarayacak ve genellikle “Static Site” olarak alg\u0131layacakt\u0131r. E\u011fer alg\u0131lamazsa, manuel olarak “Static Site” se\u00e7ene\u011fini se\u00e7in.
\n    *   “Source Directory”:<\/strong> Deponuzun k\u00f6k dizini genellikle \/<\/code> olmal\u0131d\u0131r. Hugo projenizin t\u00fcm dosyalar\u0131 bu dizin alt\u0131nda yer al\u0131r.
\n    *   “Build Command”:<\/strong> Bu, DigitalOcean’\u0131n sitenizi derlemek i\u00e7in \u00e7al\u0131\u015ft\u0131raca\u011f\u0131 komuttur. Hugo i\u00e7in bu komut hugo<\/code> olmal\u0131d\u0131r. E\u011fer Hugo extended versiyonunu kullan\u0131yorsan\u0131z ve \u00f6zel SCSS\/SASS derlemeleri yap\u0131yorsan\u0131z, hugo --minify<\/code> veya hugo build<\/code> gibi ek bayraklar ekleyebilirsiniz.
\n    *   “Publish Directory”:<\/strong> Bu, Hugo’nun derleme sonras\u0131 statik dosyalar\u0131 \u00e7\u0131kard\u0131\u011f\u0131 dizindir. Hugo i\u00e7in bu dizin public\/<\/code> olmal\u0131d\u0131r. DigitalOcean, bu dizindeki dosyalar\u0131 web \u00fczerinden sunacakt\u0131r.
\n    *   Di\u011fer ayarlar\u0131 (HTTP Port, Environment Variables) genellikle statik siteler i\u00e7in varsay\u0131lan olarak b\u0131rakabilirsiniz.
\n7.  Uygulama Ad\u0131n\u0131 ve B\u00f6lgeyi Se\u00e7in:<\/strong> Uygulaman\u0131z i\u00e7in benzersiz bir ad girin ve sunucular\u0131n bulunmas\u0131n\u0131 istedi\u011finiz bir b\u00f6lgeyi se\u00e7in (kullan\u0131c\u0131lar\u0131n\u0131za en yak\u0131n olan\u0131 se\u00e7mek performans\u0131 art\u0131rabilir).
\n8.  G\u00f6zden Ge\u00e7ir ve Ba\u015flat (Review and Launch):<\/strong> T\u00fcm ayarlar\u0131 kontrol edin. Fiyatland\u0131rma plan\u0131n\u0131z\u0131 g\u00f6zden ge\u00e7irin (statik siteler i\u00e7in genellikle \u00e7ok uygun fiyatl\u0131d\u0131r). Ard\u0131ndan “Deploy App” butonuna t\u0131klay\u0131n.<\/p>\n
Da\u011f\u0131t\u0131m S\u00fcreci ve \u0130zleme<\/h4>\n
“Deploy App” butonuna t\u0131klad\u0131ktan sonra, DigitalOcean App Platform sitenizi otomatik olarak derlemeye ve da\u011f\u0131tmaya ba\u015flayacakt\u0131r:<\/p>\n
1.  Kod \u00c7ekme:<\/strong> DigitalOcean, Git deponuzdan en son kodu \u00e7ekecektir.
\n2.  Derleme (Build):<\/strong> Belirtti\u011finiz build<\/code> komutunu (hugo<\/code>) \u00e7al\u0131\u015ft\u0131rarak sitenizi derleyecektir. Bu ad\u0131mda Hugo, public\/<\/code> dizinini olu\u015fturacakt\u0131r.
\n3.  Da\u011f\u0131t\u0131m (Deploy):<\/strong> Derleme ba\u015far\u0131l\u0131 olursa, DigitalOcean public\/<\/code> dizinindeki dosyalar\u0131 CDN’ine da\u011f\u0131tacak ve sitenizi eri\u015filebilir hale getirecektir.<\/p>\n
Bu s\u00fcre\u00e7 s\u0131ras\u0131nda App Platform kontrol panelinde da\u011f\u0131t\u0131m\u0131n ilerlemesini izleyebilirsiniz. Her ad\u0131m\u0131n loglar\u0131n\u0131 g\u00f6rebilir, olas\u0131 hatalar\u0131 tespit edebilirsiniz. Da\u011f\u0131t\u0131m tamamland\u0131\u011f\u0131nda, DigitalOcean size uygulaman\u0131z i\u00e7in otomatik olarak olu\u015fturulan bir URL sa\u011flayacakt\u0131r (\u00f6rne\u011fin, my-hugo-site-xxxx.ondigitalocean.app<\/code>). Bu URL’yi kullanarak sitenize eri\u015febilirsiniz.<\/p>\n
Otomatik Da\u011f\u0131t\u0131m\u0131n Avantajlar\u0131<\/h4>\n
DigitalOcean App Platform ile Hugo sitenizi da\u011f\u0131tman\u0131n en b\u00fcy\u00fck avantajlar\u0131ndan biri, kurdu\u011funuz s\u00fcrekli entegrasyon ve da\u011f\u0131t\u0131m (CI\/CD) i\u015f ak\u0131\u015f\u0131d\u0131r:<\/p>\n
*   Her Git Push’ta Otomatik Da\u011f\u0131t\u0131m:<\/strong> Git deponuzun belirledi\u011finiz dal\u0131na (\u00f6rne\u011fin main<\/code>) her yeni kod itti\u011finizde, DigitalOcean App Platform bunu otomatik olarak alg\u0131lar ve yeni bir derleme ve da\u011f\u0131t\u0131m s\u00fcrecini tetikler.
\n*   H\u0131zl\u0131 G\u00fcncellemeler:<\/strong> \u0130\u00e7eri\u011finizde veya sitenizin tasar\u0131m\u0131nda yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fiklikler, Git’e itildikten dakikalar sonra canl\u0131ya al\u0131n\u0131r.
\n*   Basitle\u015ftirilmi\u015f \u0130\u015f Ak\u0131\u015f\u0131:<\/strong> Manuel FTP y\u00fcklemeleri, sunucuya SSH ba\u011flant\u0131s\u0131 kurma veya derleme komutlar\u0131n\u0131 elle \u00e7al\u0131\u015ft\u0131rma gibi karma\u015f\u0131k ad\u0131mlara gerek kalmaz. Sadece Git’e odaklan\u0131rs\u0131n\u0131z.
\n*   Geri Alma Kolayl\u0131\u011f\u0131:<\/strong> Her da\u011f\u0131t\u0131m bir versiyon olarak kaydedildi\u011fi i\u00e7in, gerekti\u011finde \u00f6nceki bir da\u011f\u0131t\u0131ma kolayca geri d\u00f6nebilirsiniz.<\/p>\n
Bu otomasyon, Hugo sitenizin bak\u0131m\u0131n\u0131 ve g\u00fcncellemesini son derece verimli ve sorunsuz hale getirir.<\/p>\n
Geli\u015fmi\u015f Yap\u0131land\u0131rma ve En \u0130yi Uygulamalar<\/h3>\n
Hugo sitenizi DigitalOcean App Platform’a ba\u015far\u0131yla da\u011f\u0131tt\u0131ktan sonra, sitenizin performans\u0131n\u0131, eri\u015filebilirli\u011fini ve y\u00f6netilebilirli\u011fini daha da art\u0131rmak i\u00e7in baz\u0131 geli\u015fmi\u015f yap\u0131land\u0131rmalar ve en iyi uygulamalar\u0131 de\u011ferlendirebilirsiniz.<\/p>\n
\u00d6zel Alan Ad\u0131 Yap\u0131land\u0131rmas\u0131<\/h4>\n
DigitalOcean, uygulaman\u0131z i\u00e7in otomatik olarak bir .ondigitalocean.app<\/code> uzant\u0131l\u0131 bir URL sa\u011flar. Ancak, profesyonel bir g\u00f6r\u00fcn\u00fcm i\u00e7in kendi \u00f6zel alan ad\u0131n\u0131z\u0131 kullanmak isteyeceksiniz.<\/p>\n
1.  Alan Ad\u0131n\u0131 DigitalOcean’a Ekleme:<\/strong> DigitalOcean kontrol panelinde, uygulaman\u0131z\u0131n ayarlar\u0131na gidin ve “Domains” sekmesini bulun. “Add Domain” butonuna t\u0131klayarak \u00f6zel alan ad\u0131n\u0131z\u0131 (\u00f6rne\u011fin example.com<\/code>) ekleyin.
\n2.  DNS Kay\u0131tlar\u0131n\u0131 Yap\u0131land\u0131rma:<\/strong> DigitalOcean size alan ad\u0131n\u0131z i\u00e7in gerekli DNS kay\u0131tlar\u0131n\u0131 (genellikle bir CNAME kayd\u0131 veya A kayd\u0131) sa\u011flayacakt\u0131r. Bu kay\u0131tlar\u0131 alan ad\u0131n\u0131z\u0131n DNS sa\u011flay\u0131c\u0131s\u0131 panelinde (DigitalOcean DNS, GoDaddy, Namecheap vb.) yap\u0131land\u0131rman\u0131z gerekir.
\n    *   CNAME Kayd\u0131:<\/strong> E\u011fer DigitalOcean size CNAME<\/code> kayd\u0131 veriyorsa (\u00f6rne\u011fin www.example.com<\/code> i\u00e7in my-hugo-site-xxxx.ondigitalocean.app<\/code> adresine i\u015faret eden), bunu DNS kay\u0131tlar\u0131n\u0131za ekleyin.
\n    *   A Kayd\u0131:<\/strong> E\u011fer k\u00f6k alan ad\u0131n\u0131z\u0131 (example.com<\/code>) kullanmak istiyorsan\u0131z, DigitalOcean’\u0131n size verece\u011fi IP adresini i\u015faret eden bir A<\/code> kayd\u0131 olu\u015fturman\u0131z gerekebilir.
\n3.  Otomatik SSL Sertifikas\u0131:<\/strong> Alan ad\u0131n\u0131z\u0131 App Platform’a ekledi\u011finizde, DigitalOcean otomatik olarak \u00fccretsiz bir Let’s Encrypt SSL sertifikas\u0131 sa\u011flar ve sitenizin HTTPS \u00fczerinden g\u00fcvenli bir \u015fekilde yay\u0131nlanmas\u0131n\u0131 garanti eder. Bu s\u00fcre\u00e7 genellikle birka\u00e7 dakika s\u00fcrer.<\/p>\n
Ortam De\u011fi\u015fkenleri<\/h4>\n
Statik siteler genellikle ortam de\u011fi\u015fkenlerine ihtiya\u00e7 duymaz. Ancak, siteniz \u00fc\u00e7\u00fcnc\u00fc taraf bir API ile etkile\u015fim kuruyorsa veya farkl\u0131 ortamlarda (geli\u015ftirme, \u00fcretim) farkl\u0131 yap\u0131land\u0131rmalar kullanmak istiyorsan\u0131z, ortam de\u011fi\u015fkenleri faydal\u0131 olabilir.<\/p>\n
DigitalOcean App Platform’da uygulaman\u0131z\u0131n ayarlar\u0131na giderek “Environment Variables” sekmesinden ortam de\u011fi\u015fkenlerini ekleyebilirsiniz. Bu de\u011fi\u015fkenler, derleme (build<\/code>) s\u0131ras\u0131nda veya \u00e7al\u0131\u015fma zaman\u0131nda (runtime<\/code>) uygulaman\u0131z taraf\u0131ndan eri\u015filebilir olacakt\u0131r. Hugo i\u00e7in genellikle derleme s\u0131ras\u0131nda eri\u015filirler.<\/p>\n
# config.toml i\u00e7inde\n[params]\n  api_key = \"{{ getenv \"MY_API_KEY\" }}\" # Ortam de\u011fi\u015fkenini Hugo'da kullanma \u00f6rne\u011fi<\/code><\/pre>\n
CDN ve \u00d6nbellekleme<\/h4>\n
DigitalOcean App Platform, t\u00fcm uygulamalar i\u00e7in yerle\u015fik bir CDN (Content Delivery Network) ile gelir. Bu, sitenizin statik varl\u0131klar\u0131n\u0131 (HTML, CSS, JS, resimler) d\u00fcnya genelindeki sunucularda \u00f6nbelle\u011fe alarak kullan\u0131c\u0131lara en yak\u0131n konumdan sunar.<\/p>\n
*   Do\u011fal \u00d6nbellekleme:<\/strong> Hugo’nun statik yap\u0131s\u0131, CDN ile m\u00fckemmel bir uyum sa\u011flar. Statik dosyalar \u00e7ok verimli bir \u015fekilde \u00f6nbelle\u011fe al\u0131nabilir.
\n*   Performans \u0130yile\u015ftirmesi:<\/strong> CDN, sayfa y\u00fckleme s\u00fcrelerini \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r ve k\u00fcresel kullan\u0131c\u0131lar i\u00e7in daha iyi bir deneyim sunar.
\n*   App Platform Ayarlar\u0131:<\/strong> Genellikle App Platform’un CDN ve \u00f6nbellekleme ayarlar\u0131 varsay\u0131lan olarak optimize edilmi\u015ftir ve ek bir yap\u0131land\u0131rmaya ihtiya\u00e7 duymazs\u0131n\u0131z.<\/p>\n
Performans Optimizasyonlar\u0131<\/h4>\n
Hugo sitenizin performans\u0131n\u0131 daha da art\u0131rmak i\u00e7in a\u015fa\u011f\u0131daki teknikleri d\u00fc\u015f\u00fcnebilirsiniz:<\/p>\n
*   Resim Optimizasyonu:<\/strong> Hugo’nun yerle\u015fik resim i\u015fleme yeteneklerini kullanarak resimleri farkl\u0131 boyutlarda olu\u015fturabilir, s\u0131k\u0131\u015ft\u0131rabilir ve WebP gibi modern formatlara d\u00f6n\u00fc\u015ft\u00fcrebilirsiniz. Ayr\u0131ca, temalar\u0131n\u0131zda lazy loading (tembel y\u00fckleme) uygulayarak g\u00f6r\u00fcn\u00fcr alandaki resimlerin \u00f6ncelikli y\u00fcklenmesini sa\u011flayabilirsiniz.
\n*   Minifikasyon:<\/strong> Hugo, hugo --minify<\/code> komutuyla HTML, CSS ve JavaScript dosyalar\u0131n\u0131 otomatik olarak k\u00fc\u00e7\u00fcltebilir. Bu, dosya boyutlar\u0131n\u0131 azalt\u0131r ve y\u00fckleme s\u00fcrelerini k\u0131salt\u0131r. DigitalOcean App Platform’da build<\/code> komutunuzu hugo --minify<\/code> olarak ayarlayarak bu \u00f6zelli\u011fi etkinle\u015ftirebilirsiniz.
\n*   Taray\u0131c\u0131 \u00d6nbellekleme:<\/strong> DigitalOcean App Platform, statik varl\u0131klar i\u00e7in uygun HTTP \u00f6nbellekleme ba\u015fl\u0131klar\u0131n\u0131 otomatik olarak ayarlar. Bu, taray\u0131c\u0131lar\u0131n s\u0131k ziyaret edilen sayfalar\u0131 \u00f6nbelle\u011fe almas\u0131n\u0131 ve tekrar ziyaretlerde daha h\u0131zl\u0131 y\u00fcklemesini sa\u011flar.
\n*   Kritik CSS:<\/strong> Sayfan\u0131n ilk g\u00f6r\u00fcn\u00fcm\u00fc i\u00e7in kritik olan CSS’i do\u011frudan HTML i\u00e7ine g\u00f6merek render engellemesini azaltabilirsiniz. Bu, daha karma\u015f\u0131k bir optimizasyon tekni\u011fidir ve Hugo temas\u0131 veya \u00f6zel derleme ad\u0131mlar\u0131 gerektirebilir.<\/p>\n
S\u00fcrekli Entegrasyon ve Da\u011f\u0131t\u0131m (CI\/CD)<\/h4>\n
DigitalOcean App Platform’un temelinde yatan Git tabanl\u0131 da\u011f\u0131t\u0131m, bir CI\/CD boru hatt\u0131n\u0131n basit bir uygulamas\u0131d\u0131r.<\/p>\n
*   Otomatik Tetikleyiciler:<\/strong> Deponuzun ana dal\u0131na yap\u0131lan her push<\/code> i\u015flemi, yeni bir derleme ve da\u011f\u0131t\u0131m s\u00fcrecini tetikler. Bu, manuel m\u00fcdahaleyi ortadan kald\u0131r\u0131r.
\n*   Hata \u0130zleme:<\/strong> Da\u011f\u0131t\u0131m loglar\u0131n\u0131 kontrol ederek herhangi bir derleme veya da\u011f\u0131t\u0131m hatas\u0131n\u0131 h\u0131zla tespit edebilir ve giderebilirsiniz.
\n*   \u00c7oklu Ortamlar:<\/strong> Geli\u015fmi\u015f projelerde, farkl\u0131 Git dallar\u0131n\u0131 (\u00f6rne\u011fin dev<\/code>, staging<\/code>, main<\/code>) farkl\u0131 App Platform uygulamalar\u0131na ba\u011flayarak geli\u015ftirme, test ve \u00fcretim ortamlar\u0131n\u0131 ay\u0131rabilirsiniz.<\/p>\n
Sorun Giderme \u0130pu\u00e7lar\u0131<\/h4>\n
Da\u011f\u0131t\u0131m s\u0131ras\u0131nda veya sonras\u0131nda sorunlarla kar\u015f\u0131la\u015f\u0131rsan\u0131z:<\/p>\n
*   Derleme Loglar\u0131n\u0131 Kontrol Edin:<\/strong> App Platform kontrol panelindeki uygulaman\u0131z\u0131n “Deployments” sekmesinden en son da\u011f\u0131t\u0131m\u0131n loglar\u0131n\u0131 dikkatlice inceleyin. Hugo’nun derleme s\u0131ras\u0131nda verdi\u011fi hatalar genellikle burada g\u00f6r\u00fcn\u00fcr.
\n*   Yerel Ortamda Test Edin:<\/strong> Sitenizin yerel olarak hugo server -D<\/code> veya hugo<\/code> komutuyla sorunsuz \u00e7al\u0131\u015ft\u0131\u011f\u0131ndan emin olun. Yerel ortamda \u00e7al\u0131\u015fan bir site, bulutta da \u00e7al\u0131\u015fmal\u0131d\u0131r (yap\u0131land\u0131rma do\u011fruysa).
\n*   config.toml<\/code> Ayarlar\u0131n\u0131 Do\u011frulay\u0131n:<\/strong> baseURL<\/code> gibi ayarlar\u0131n do\u011fru oldu\u011fundan emin olun. Bazen baseURL<\/code>‘\u00fcn yanl\u0131\u015f yap\u0131land\u0131r\u0131lmas\u0131, sitenin canl\u0131da varl\u0131klar\u0131 (CSS, JS) y\u00fckleyememesine neden olabilir.
\n*   Tema Ba\u011f\u0131ml\u0131l\u0131klar\u0131:<\/strong> Teman\u0131z\u0131n t\u00fcm ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131n (Git submod\u00fclleri veya di\u011fer dosyalar) Git deponuza dahil edildi\u011finden emin olun.
\n*   .gitignore<\/code> Kontrol\u00fc:<\/strong> public\/<\/code> dizininin .gitignore<\/code> dosyas\u0131nda oldu\u011fundan ve yanl\u0131\u015fl\u0131kla depoya eklenmedi\u011finden emin olun.<\/p>\n
Bu geli\u015fmi\u015f yap\u0131land\u0131rmalar ve en iyi uygulamalar, Hugo sitenizin DigitalOcean App Platform’da daha sa\u011flam, h\u0131zl\u0131 ve y\u00f6netilebilir olmas\u0131n\u0131 sa\u011flayacakt\u0131r.<\/p>\n
Sonu\u00e7<\/h3>\n
Bu kapsaml\u0131 rehberde, Hugo’nun ne oldu\u011funu ve neden statik web siteleri i\u00e7in tercih edilmesi gerekti\u011fini ayr\u0131nt\u0131l\u0131 bir \u015fekilde inceledik. Hugo’nun h\u0131z, g\u00fcvenlik, maliyet etkinli\u011fi ve geli\u015ftirici dostu yap\u0131s\u0131n\u0131n, modern web projeleri i\u00e7in nas\u0131l g\u00fc\u00e7l\u00fc bir temel olu\u015fturdu\u011funu g\u00f6rd\u00fck. Ard\u0131ndan, Hugo’yu yerel geli\u015ftirme ortam\u0131m\u0131za kurmaktan, ilk sitemizi olu\u015fturmaya, tema eklemeye ve i\u00e7erik yay\u0131nlamaya kadar t\u00fcm temel ad\u0131mlar\u0131 uygulad\u0131k.<\/p>\n
Makalenin ikinci yar\u0131s\u0131nda, DigitalOcean App Platform’un sundu\u011fu avantajlar\u0131 ele ald\u0131k. Tam y\u00f6netilen altyap\u0131, Git tabanl\u0131 otomatik da\u011f\u0131t\u0131m, yerle\u015fik CDN ve SSL sertifikalar\u0131 gibi \u00f6zelliklerin, Hugo gibi statik site jenerat\u00f6rleriyle nas\u0131l m\u00fckemmel bir uyum i\u00e7inde \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 a\u00e7\u0131klad\u0131k. En \u00f6nemlisi, Hugo sitemizi DigitalOcean App Platform’a nas\u0131l da\u011f\u0131taca\u011f\u0131m\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterdik; Git deponuzu haz\u0131rlamaktan, App Platform’da bir uygulama olu\u015fturmaya ve da\u011f\u0131t\u0131m s\u00fcrecini izlemeye kadar her detay\u0131 ele ald\u0131k.<\/p>\n
Son olarak, \u00f6zel alan ad\u0131 yap\u0131land\u0131rmas\u0131, performans optimizasyonlar\u0131, ortam de\u011fi\u015fkenleri ve s\u00fcrekli entegrasyon\/da\u011f\u0131t\u0131m (CI\/CD) gibi geli\u015fmi\u015f konulara de\u011finerek, sitenizin potansiyelini tam olarak ortaya \u00e7\u0131karman\u0131z i\u00e7in ek ipu\u00e7lar\u0131 ve en iyi uygulamalar sunduk.<\/p>\n
Hugo ve DigitalOcean App Platform kombinasyonu, h\u0131zl\u0131, g\u00fcvenli, \u00f6l\u00e7eklenebilir ve bak\u0131m\u0131 kolay web siteleri olu\u015fturmak isteyen herkes i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Geli\u015ftiricilerin altyap\u0131 karma\u015fas\u0131yla u\u011fra\u015fmak yerine kod yazmaya ve i\u00e7erik olu\u015fturmaya odaklanmas\u0131n\u0131 sa\u011flar. Bu rehberi takip ederek, kendi Hugo sitenizi DigitalOcean App Platform’da ba\u015far\u0131yla in\u015fa edebilir ve da\u011f\u0131tabilirsiniz. Art\u0131k kendi projelerinizi ba\u015flatmak ve fikirlerinizi web’de hayata ge\u00e7irmek i\u00e7in g\u00fc\u00e7l\u00fc bir araca sahipsiniz.<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Hugo Sitesini DigitalOcean App Platform’a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi\nG\u00fcn\u00fcm\u00fcz web d\u00fcnyas\u0131nda h\u0131z, g\u00fcvenlik ve bak\u0131m kolayl\u0131\u011f\u0131 b\u00fcy\u00fck","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1401],"tags":[],"class_list":{"0":"post-39310","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-git","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nHugo Sitesini DigitalOcean App Platform'a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hugo Sitesini DigitalOcean App Platform'a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi\" \/>\n<meta property=\"og:description\" content=\"Hugo Sitesini DigitalOcean App Platform'a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi G\u00fcn\u00fcm\u00fcz web d\u00fcnyas\u0131nda h\u0131z, g\u00fcvenlik ve bak\u0131m kolayl\u0131\u011f\u0131 b\u00fcy\u00fck\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-18T13:40:57+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"24 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Hugo Sitesini DigitalOcean App Platform’a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi\",\"datePublished\":\"2026-02-18T13:40:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/\"},\"wordCount\":4535,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"Git\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/#respond\"]}],\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/\",\"name\":\"Hugo Sitesini DigitalOcean App Platform'a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2026-02-18T13:40:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hugo Sitesini DigitalOcean App Platform’a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hugo Sitesini DigitalOcean App Platform'a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/","og_locale":"tr_TR","og_type":"article","og_title":"Hugo Sitesini DigitalOcean App Platform'a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi","og_description":"Hugo Sitesini DigitalOcean App Platform'a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi G\u00fcn\u00fcm\u00fcz web d\u00fcnyas\u0131nda h\u0131z, g\u00fcvenlik ve bak\u0131m kolayl\u0131\u011f\u0131 b\u00fcy\u00fck","og_url":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2026-02-18T13:40:57+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"24 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Hugo Sitesini DigitalOcean App Platform’a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi","datePublished":"2026-02-18T13:40:57+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/"},"wordCount":4535,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["Git"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/#respond"]}],"copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/","url":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/","name":"Hugo Sitesini DigitalOcean App Platform'a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2026-02-18T13:40:57+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/hugo-sitesini-digitalocean-app-platforma-insa-etme-ve-dagitma-rehberi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Hugo Sitesini DigitalOcean App Platform’a \u0130n\u015fa Etme ve Da\u011f\u0131tma Rehberi"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/39310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=39310"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/39310\/revisions"}],"predecessor-version":[{"id":39311,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/39310\/revisions\/39311"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=39310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=39310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=39310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}