Geleneksel web sitesi bar\u0131nd\u0131rma y\u00f6ntemlerinin y\u00fcksek maliyetleri, \u00f6l\u00e7eklenebilirlik zorluklar\u0131 ve g\u00fcvenlik endi\u015feleri sizi de yoruyor mu? \u0130\u015fte modern web geli\u015ftirmenin sundu\u011fu en \u015f\u0131k \u00e7\u00f6z\u00fcmlerden biri: AWS S3 ve CloudFront ile statik web sitesi bar\u0131nd\u0131rma. Bu makalede, projenizi s\u0131f\u0131rdan hayata ge\u00e7irmeniz i\u00e7in ad\u0131m ad\u0131m bir rehber sunarken, s\u00fcrekli entegrasyon ve s\u00fcrekli da\u011f\u0131t\u0131m (CI\/CD) prensipleriyle otomasyonun kap\u0131lar\u0131n\u0131 aralayaca\u011f\u0131z.<\/p>\n
G\u00fcn\u00fcm\u00fcz dijital d\u00fcnyas\u0131nda, web sitelerinin performans\u0131, g\u00fcvenli\u011fi ve eri\u015filebilirli\u011fi her zamankinden daha kritik. Eski usul sunucu tabanl\u0131 hosting \u00e7\u00f6z\u00fcmleri, ne yaz\u0131k ki modern beklentileri kar\u015f\u0131lamakta zorlanabiliyor. \u00d6zellikle y\u00fcksek trafikli d\u00f6nemlerde sunucular\u0131n \u00e7\u00f6kmesi, g\u00fcvenlik a\u00e7\u0131klar\u0131 nedeniyle veri ihlalleri veya basit bir g\u00fcncelleme i\u00e7in saatler s\u00fcren manuel i\u015flemler, hem maliyetli hem de zaman kayb\u0131na yol a\u00e7abiliyor. Bu geleneksel y\u00f6ntemler genellikle belirli bir sunucuya ba\u011f\u0131ml\u0131 olup, trafik artt\u0131k\u00e7a \u00f6l\u00e7eklendirme zorluklar\u0131 \u00e7\u0131karabilir, bu da kullan\u0131c\u0131 deneyimini olumsuz etkiler. Ayr\u0131ca, sunucu bak\u0131m\u0131, yama y\u00f6netimi ve i\u015fletim sistemi g\u00fcncellemeleri gibi operasyonel y\u00fckler, geli\u015ftirme ekibinin ana i\u015fine odaklanmas\u0131n\u0131 engelleyebilir.<\/p>\n
\u0130\u015fte tam bu noktada statik web siteleri ve bulut tabanl\u0131 modern bar\u0131nd\u0131rma \u00e7\u00f6z\u00fcmleri devreye giriyor. Statik web siteleri, veritaban\u0131 veya sunucu taraf\u0131nda karma\u015f\u0131k i\u015flem gerektirmeyen, do\u011frudan taray\u0131c\u0131da i\u015flenebilen HTML, CSS, JavaScript ve g\u00f6r\u00fcnt\u00fc dosyalar\u0131ndan olu\u015fur. Bu sadelik, beraberinde pek \u00e7ok avantaj\u0131 getirir: ilk olarak, sunucu taraf\u0131nda i\u015flem yap\u0131lmad\u0131\u011f\u0131 i\u00e7in g\u00fcvenlik a\u00e7\u0131klar\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde azal\u0131r. \u0130kinci olarak, i\u00e7erik \u00f6nbelle\u011fe al\u0131nmaya \u00e7ok daha uygun oldu\u011fu i\u00e7in y\u00fckleme s\u00fcreleri dramatik bir \u015fekilde k\u0131sal\u0131r, bu da kullan\u0131c\u0131 deneyimini ve arama motoru optimizasyonunu (SEO) do\u011frudan etkiler. \u00dc\u00e7\u00fcnc\u00fc olarak, statik dosyalar\u0131n bar\u0131nd\u0131r\u0131lmas\u0131 ve da\u011f\u0131t\u0131m\u0131, geleneksel dinamik sitelere g\u00f6re \u00e7ok daha ekonomiktir. D\u00f6rd\u00fcnc\u00fc olarak, statik i\u00e7erik, trafi\u011fin aniden artt\u0131\u011f\u0131 durumlarda bile inan\u0131lmaz derecede \u00f6l\u00e7eklenebilir; binlerce veya milyonlarca e\u015f zamanl\u0131 kullan\u0131c\u0131ya hizmet verebilirsiniz ve sistem \u00e7\u00f6kmeleri konusunda endi\u015felenmenize gerek kalmaz.<\/p>\n
AWS S3 ve CloudFront gibi servisler, bu modern statik web sitesi bar\u0131nd\u0131rma yakla\u015f\u0131m\u0131n\u0131 m\u00fckemmel bir \u015fekilde tamamlar. Amazon S3 (Simple Storage Service), nesne depolama i\u00e7in tasarlanm\u0131\u015f, s\u0131n\u0131rs\u0131z \u00f6l\u00e7eklenebilir, dayan\u0131kl\u0131 ve maliyet etkin bir \u00e7\u00f6z\u00fcmd\u00fcr. Web sitenizin t\u00fcm statik varl\u0131klar\u0131n\u0131 burada depolayabilirsiniz. Amazon CloudFront ise, i\u00e7eri\u011fi son kullan\u0131c\u0131ya en yak\u0131n co\u011frafi konumdaki kenar noktalar\u0131ndan (edge locations) da\u011f\u0131tan k\u00fcresel bir i\u00e7erik da\u011f\u0131t\u0131m a\u011f\u0131d\u0131r (CDN). Bu ikilinin birle\u015fimi, sitenizin d\u00fcnyan\u0131n her yerinden an\u0131nda y\u00fcklenmesini sa\u011flarken, ayn\u0131 zamanda DDoS sald\u0131r\u0131lar\u0131na kar\u015f\u0131 da koruma sunar. CI\/CD (S\u00fcrekli Entegrasyon\/S\u00fcrekli Da\u011f\u0131t\u0131m) entegrasyonuyla ise, geli\u015ftirme s\u00fcrecinizi otomatikle\u015ftirerek, kod de\u011fi\u015fikliklerinizin h\u0131zla canl\u0131ya al\u0131nmas\u0131n\u0131 sa\u011flayabilir ve manuel hatalar\u0131 ortadan kald\u0131rabilirsiniz. B\u00f6ylece, geli\u015ftiricileriniz kod yazmaya odaklan\u0131rken, da\u011f\u0131t\u0131m s\u00fcreci tamamen otomatikle\u015fir ve projenizin ya\u015fam d\u00f6ng\u00fcs\u00fc h\u0131zlan\u0131r. \u00d6zellikle pazarlama kampanyalar\u0131 veya promosyon sayfalar\u0131 gibi y\u00fcksek trafik beklenen durumlar i\u00e7in bu mimari vazge\u00e7ilmezdir.<\/p>\n
Statik web sitenizi modern bir altyap\u0131 \u00fczerinde bar\u0131nd\u0131rmak istiyorsan\u0131z, AWS’nin sundu\u011fu S3 ve CloudFront ikilisi adeta bi\u00e7ilmi\u015f kaftan. Bu iki servis, web sitenizin performans\u0131n\u0131, g\u00fcvenli\u011fini ve \u00f6l\u00e7eklenebilirli\u011fini maksimize etmek i\u00e7in birlikte \u00e7al\u0131\u015f\u0131r. Ancak bu entegrasyonun g\u00fcc\u00fcn\u00fc tam olarak anlamak i\u00e7in her bir servisin temel i\u015flevlerini bilmek \u00f6nemlidir. Gelin, bu servislerin ne oldu\u011funu ve neden bu kadar etkili olduklar\u0131n\u0131 daha yak\u0131ndan inceleyelim.<\/p>\n
Amazon S3, asl\u0131nda bir dosya depolama hizmetinden \u00e7ok daha fazlas\u0131d\u0131r; nesne depolama i\u00e7in tasarlanm\u0131\u015f, end\u00fcstri lideri bir \u00e7\u00f6z\u00fcmd\u00fcr. Akl\u0131n\u0131za gelebilecek her t\u00fcrl\u00fc veriyi (resimler, videolar, belgeler, HTML dosyalar\u0131) “nesne” olarak S3’e y\u00fckleyebilirsiniz. Bu nesneler, “bucket” ad\u0131 verilen mant\u0131ksal konteynerlerde saklan\u0131r. Her bucket benzersiz bir isme sahiptir ve b\u00f6lgesel olarak konumland\u0131r\u0131l\u0131r. S3’\u00fcn en b\u00fcy\u00fck avantajlar\u0131ndan biri, inan\u0131lmaz derecede y\u00fcksek dayan\u0131kl\u0131l\u0131k (y\u00fczde 99.999999999 \u2013 11 tane 9) ve eri\u015filebilirlik sunmas\u0131d\u0131r, yani verilerinizin kaybolma veya eri\u015filemez olma olas\u0131l\u0131\u011f\u0131 neredeyse s\u0131f\u0131rd\u0131r. Bu, web sitenizin dosyalar\u0131 i\u00e7in g\u00fcvenilir bir ev anlam\u0131na gelir.<\/p>\n
S3, statik web sitesi bar\u0131nd\u0131rma \u00f6zelli\u011fiyle \u00f6ne \u00e7\u0131kar. Bir bucket’\u0131 statik web sitesi olarak yap\u0131land\u0131rd\u0131\u011f\u0131n\u0131zda, S3 otomatik olarak bir web sitesi u\u00e7 noktas\u0131 (endpoint) olu\u015fturur. Bu u\u00e7 nokta \u00fczerinden, bucket’\u0131n\u0131zdaki HTML, CSS, JavaScript ve medya dosyalar\u0131n\u0131 do\u011frudan yay\u0131nlayabilirsiniz. Yani, karma\u015f\u0131k bir web sunucusu kurman\u0131za veya y\u00f6netmenize gerek kalmaz. Sadece dosyalar\u0131n\u0131z\u0131 S3’e y\u00fckleyin, gerekli izinleri verin ve web siteniz yay\u0131nda! Bu yap\u0131, sunucusuz (serverless) mimarinin temel ta\u015flar\u0131ndan biridir ve operasyonel y\u00fck\u00fc minimuma indirir. Ayr\u0131ca, kulland\u0131k\u00e7a \u00f6de modeli sayesinde, yaln\u0131zca depolad\u0131\u011f\u0131n\u0131z veri miktar\u0131 ve yap\u0131lan istekler i\u00e7in \u00f6deme yapars\u0131n\u0131z, bu da maliyetleri \u00f6nemli \u00f6l\u00e7\u00fcde d\u00fc\u015f\u00fcr\u00fcr. Bu esneklik, \u00f6zellikle de\u011fi\u015fken trafikli siteler veya ba\u015flang\u0131\u00e7 a\u015famas\u0131ndaki projeler i\u00e7in olduk\u00e7a avantajl\u0131d\u0131r.<\/p>\n
Web sitenizin dosyalar\u0131 S3’te g\u00fcvenli bir \u015fekilde depolan\u0131yor olsa da, d\u00fcnyan\u0131n \u00f6b\u00fcr ucundaki bir kullan\u0131c\u0131n\u0131n bu dosyalara h\u0131zl\u0131ca eri\u015fmesi i\u00e7in ek bir ad\u0131ma ihtiya\u00e7 vard\u0131r. \u0130\u015fte burada Amazon CloudFront devreye girer. CloudFront, global bir i\u00e7erik da\u011f\u0131t\u0131m a\u011f\u0131 (CDN – Content Delivery Network) hizmetidir. Temel amac\u0131, web i\u00e7eri\u011fini (statik veya dinamik) son kullan\u0131c\u0131lara co\u011frafi olarak en yak\u0131n “kenar konumlar\u0131ndan” (edge locations) sunarak gecikme s\u00fcresini (latency) azaltmak ve y\u00fckleme h\u0131zlar\u0131n\u0131 art\u0131rmakt\u0131r. D\u00fcnya genelinde y\u00fczlerce kenar konumuna sahip olan CloudFront, kullan\u0131c\u0131lar sitenize eri\u015fti\u011finde, i\u00e7eri\u011fi bu en yak\u0131n konumdaki \u00f6nbellekten servis eder.<\/p>\n
CloudFront’un avantajlar\u0131 saymakla bitmez. \u0130lk olarak, i\u00e7eri\u011fin \u00f6nbelle\u011fe al\u0131nmas\u0131 sayesinde, S3’e yap\u0131lan istek say\u0131s\u0131 azal\u0131r, bu da S3 maliyetlerinizi d\u00fc\u015f\u00fcr\u00fcr ve performans\u0131n\u0131z\u0131 art\u0131r\u0131r. \u0130kinci olarak, CloudFront, DDoS sald\u0131r\u0131lar\u0131na kar\u015f\u0131 yerle\u015fik koruma sunar ve AWS WAF (Web Application Firewall) gibi di\u011fer g\u00fcvenlik servisleriyle entegre olabilir. Bu sayede, sitenizin g\u00fcvenli\u011fi \u00fcst d\u00fczeyde tutulur. \u00dc\u00e7\u00fcnc\u00fc olarak, \u00f6zel alan ad\u0131n\u0131z\u0131 (\u00f6rne\u011fin, Art\u0131k S3 ve CloudFront’un temel yeteneklerini anlad\u0131\u011f\u0131n\u0131za g\u00f6re, gelin bu servisleri kullanarak statik bir web sitesini nas\u0131l kuraca\u011f\u0131m\u0131z\u0131 ad\u0131m ad\u0131m inceleyelim. Bu b\u00f6l\u00fcm, AWS Konsolu \u00fczerinden ger\u00e7ek d\u00fcnya senaryolar\u0131na uygun bir \u015fekilde, kolayca takip edebilece\u011finiz talimatlar i\u00e7erecektir. Unutmay\u0131n, bu ad\u0131mlar modern ve g\u00fcvenli bir yap\u0131 olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n \u0130lk olarak, web sitenizin dosyalar\u0131n\u0131 bar\u0131nd\u0131raca\u011f\u0131m\u0131z bir S3 bucket olu\u015fturmam\u0131z gerekiyor. AWS hesab\u0131n\u0131za giri\u015f yap\u0131n ve S3 hizmetine gidin.<\/p>\n <\/code><\/p>\n Politikay\u0131 kaydedin. Bu ad\u0131mlar\u0131 tamamlad\u0131ktan sonra, statik web sitesi dosyalar\u0131n\u0131z\u0131 bu bucket'a y\u00fckleyebilirsiniz. Y\u00fckledi\u011finiz dosyalar\u0131n herkese a\u00e7\u0131k oldu\u011fundan emin olun. Art\u0131k S3 bucket'\u0131n\u0131z\u0131n web sitesi u\u00e7 noktas\u0131n\u0131 kullanarak sitenize taray\u0131c\u0131dan eri\u015febilirsiniz (S3 bucket \u00f6zelliklerindeki \"Static website hosting\" b\u00f6l\u00fcm\u00fcnde bulabilirsiniz).<\/p>\n \u015eimdi S3'teki i\u00e7eri\u011fimizi h\u0131zland\u0131rmak ve g\u00fcvenli hale getirmek i\u00e7in CloudFront da\u011f\u0131t\u0131m\u0131 olu\u015fturaca\u011f\u0131z.<\/p>\n Bu ad\u0131mlarla, statik web sitenizi S3'te bar\u0131nd\u0131rd\u0131n\u0131z ve CloudFront arac\u0131l\u0131\u011f\u0131yla d\u00fcnya geneline h\u0131zl\u0131 ve g\u00fcvenli bir \u015fekilde da\u011f\u0131t\u0131m\u0131n\u0131 sa\u011flad\u0131n\u0131z. \u015eimdi s\u0131ra geli\u015ftirme s\u00fcre\u00e7lerimizi otomatikle\u015ftirerek i\u015f y\u00fck\u00fcm\u00fcz\u00fc hafifletmeye geldi.<\/p>\n Statik web sitenizi S3 ve CloudFront ile bar\u0131nd\u0131rmak harika bir ba\u015flang\u0131\u00e7. Ancak i\u00e7erik g\u00fcncellemeleri veya yeni \u00f6zellikler ekledi\u011finizde, bu dosyalar\u0131 manuel olarak S3'e y\u00fcklemek ve CloudFront \u00f6nbelle\u011fini temizlemek s\u0131k\u0131c\u0131, hataya a\u00e7\u0131k ve zaman al\u0131c\u0131 olabilir. \u0130\u015fte bu noktada S\u00fcrekli Entegrasyon (CI) ve S\u00fcrekli Da\u011f\u0131t\u0131m (CD) devreye girer. CI\/CD, yaz\u0131l\u0131m geli\u015ftirme s\u00fcrecinizi otomatikle\u015ftirerek, kod de\u011fi\u015fikliklerinizin test edilmesini, derlenmesini ve h\u0131zla canl\u0131ya al\u0131nmas\u0131n\u0131 sa\u011flar. Bu sayede, geli\u015ftirme ekipleri daha verimli \u00e7al\u0131\u015f\u0131r ve son kullan\u0131c\u0131ya daha h\u0131zl\u0131 de\u011fer sunulur.<\/p>\n Manuel da\u011f\u0131t\u0131m s\u00fcre\u00e7leri, \u00f6zellikle b\u00fcy\u00fck ve aktif projelerde ciddi sorunlara yol a\u00e7abilir. Bir geli\u015ftirici olarak, kodunuzu de\u011fi\u015ftirdikten sonra manuel olarak build almak, dosyalar\u0131 FTP ile sunucuya y\u00fcklemek (veya S3'e kopyalamak), sonra CloudFront invalidation yapmak... Bu i\u015flemler sadece tekrarlay\u0131c\u0131 de\u011fil, ayn\u0131 zamanda insan hatas\u0131na da a\u00e7\u0131kt\u0131r. Yanl\u0131\u015f bir dosyay\u0131 y\u00fcklemek, eksik bir ad\u0131m\u0131 atlamak veya yanl\u0131\u015f bir dizine kopyalamak, canl\u0131 sitede kesintilere veya hatalara neden olabilir.<\/p>\n CI\/CD'nin temel faydalar\u0131 \u015funlard\u0131r:<\/p>\n Statik web siteleri i\u00e7in CI\/CD, \u00f6zellikle frontend framework'leri (React, Vue, Angular) veya statik site \u00fcrete\u00e7leri (Gatsby, Hugo, Next.js) kullan\u0131l\u0131yorsa vazge\u00e7ilmezdir. Bu ara\u00e7lar genellikle bir \"build\" ad\u0131m\u0131 gerektirir ve bu ad\u0131m\u0131n otomasyonu, geli\u015ftirme ak\u0131\u015f\u0131n\u0131z\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftirir.<\/p>\n AWS, CI\/CD s\u00fcre\u00e7lerinizi y\u00f6netmek i\u00e7in bir dizi servis sunar. Bunlardan CodePipeline, t\u00fcm hatt\u0131 orkestra ederken, CodeBuild build i\u015flemlerini y\u00fcr\u00fct\u00fcr ve CodeCommit\/GitHub gibi servisler kaynak kontrol\u00fc sa\u011flar.<\/p>\n Bu, CI\/CD hatt\u0131n\u0131n ilk ad\u0131m\u0131d\u0131r. Kod de\u011fi\u015fikliklerinizi izledi\u011finiz yerdir. Genellikle bir Git deposu kullan\u0131l\u0131r. GitHub, AWS CodeCommit veya Bitbucket gibi bir hizmeti se\u00e7ebilirsiniz. \u00d6rne\u011fin, GitHub ile entegre etti\u011finizde, her Kaynak kodunuz \u00e7ekildikten sonra, CodeBuild devreye girer. CodeBuild, kodunuzu derlemek, test etmek ve da\u011f\u0131t\u0131ma haz\u0131r hale getirmek i\u00e7in y\u00f6netilen bir build hizmetidir. Statik web siteleri i\u00e7in bu a\u015fama, genellikle JavaScript ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 y\u00fcklemek ( A\u015fa\u011f\u0131da basit bir statik site i\u00e7in <\/code><\/p>\n Bu Build i\u015flemi ba\u015far\u0131yla tamamland\u0131ktan sonra, CodePipeline bu \"artifact\"lar\u0131 S3 bucket'\u0131n\u0131za da\u011f\u0131t\u0131r. CodePipeline do\u011frudan S3'e da\u011f\u0131t\u0131m yapabilir. Genellikle, CodeBuild'in da\u011f\u0131t\u0131m a\u015famas\u0131nda S3'e senkronizasyon ve CloudFront \u00f6nbelle\u011fini ge\u00e7ersiz k\u0131lma (invalidation) ad\u0131mlar\u0131 birlikte y\u00fcr\u00fct\u00fcl\u00fcr. Bu, yeni i\u00e7eri\u011fin hemen yay\u0131nlanmas\u0131n\u0131 sa\u011flar.<\/p>\n A\u015fa\u011f\u0131da, S3'e da\u011f\u0131t\u0131m ve CloudFront invalidation'\u0131 i\u00e7eren g\u00fcncellenmi\u015f bir <\/code><\/p>\n Bu \u00f6rnekte, Bu CI\/CD hatt\u0131n\u0131 kurduktan sonra, her kod push'unda web siteniz otomatik olarak g\u00fcncellenecek ve CloudFront \u00f6nbelle\u011fi temizlenerek en yeni versiyon kullan\u0131c\u0131lara an\u0131nda sunulacakt\u0131r. Bu otomasyon, geli\u015ftirme s\u00fcre\u00e7lerinizi h\u0131zland\u0131r\u0131rken, operasyonel y\u00fck\u00fc ve hata oran\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde d\u00fc\u015f\u00fcr\u00fcr.<\/p>\n Temel bir S3 ve CloudFront entegrasyonu ile CI\/CD hatt\u0131 kurmak harika bir ba\u015flang\u0131\u00e7 olsa da, projenizin b\u00fcy\u00fckl\u00fc\u011f\u00fcne ve gereksinimlerine g\u00f6re daha fazla optimizasyon ve g\u00fcvenlik ad\u0131m\u0131 uygulayabilirsiniz. Bu ileri d\u00fczey teknikler, sitenizin performans\u0131n\u0131 daha da art\u0131r\u0131rken, k\u00f6t\u00fc niyetli sald\u0131r\u0131lara kar\u015f\u0131 direncinizi g\u00fc\u00e7lendirecektir. Modern web uygulamalar\u0131n\u0131n beklentilerini kar\u015f\u0131lamak i\u00e7in bu ek katmanlar\u0131 d\u00fc\u015f\u00fcnmek \u00f6nemlidir.<\/p>\n Bu ileri d\u00fczey optimizasyonlar ve g\u00fcvenlik ipu\u00e7lar\u0131, statik web sitenizi sadece h\u0131zl\u0131 ve maliyet etkin de\u011fil, ayn\u0131 zamanda son derece g\u00fcvenli ve dayan\u0131kl\u0131 hale getirecektir. Unutmay\u0131n, DevOps sadece otomasyon de\u011fil, ayn\u0131 zamanda s\u00fcrekli iyile\u015ftirme ve g\u00fcvenlik odakl\u0131 bir zihniyettir.<\/p>\n Teorik bilgileri ve ad\u0131m ad\u0131m talimatlar\u0131 payla\u015ft\u0131k, \u015fimdi gelin ger\u00e7ek d\u00fcnyadan bir senaryoyla bu mimarinin nas\u0131l bir fark yaratabilece\u011fini g\u00f6relim. B\u00fcy\u00fck bir e-ticaret \u015firketinin, \"Black Friday\" gibi yo\u011fun indirim d\u00f6nemleri i\u00e7in \u00f6zel bir pazarlama kampanyas\u0131 sitesi olu\u015fturmas\u0131 gerekti\u011fini varsayal\u0131m. Bu site, \u00fcr\u00fcn kataloglar\u0131 veya al\u0131\u015fveri\u015f sepeti gibi dinamik \u00f6zellikler i\u00e7ermeyecek, bunun yerine sadece statik HTML sayfalar, g\u00f6rseller ve videolar ile kampanyay\u0131 ve \u00fcr\u00fcnleri tan\u0131tacakt\u0131. \u015eirketin beklentileri \u015funlard\u0131: milyarlarca potansiyel ziyaret\u00e7iye hizmet verebilecek \u00f6l\u00e7eklenebilirlik, kampanya s\u00fcresince olu\u015fabilecek ani trafik art\u0131\u015flar\u0131na dayan\u0131kl\u0131l\u0131k, s\u0131f\u0131r kesinti, h\u0131zl\u0131 y\u00fckleme s\u00fcreleri ve tabii ki y\u00fcksek g\u00fcvenlik.<\/p>\n Geleneksel Yakla\u015f\u0131mla Kar\u015f\u0131la\u015f\u0131lan Problemler:<\/strong><\/p>\n AWS S3, CloudFront ve CI\/CD ile \u00c7\u00f6z\u00fcm:<\/strong><\/p>\n \u015eirketin DevOps ekibi, bu zorluklar\u0131n \u00fcstesinden gelmek i\u00e7in AWS'nin statik web sitesi bar\u0131nd\u0131rma mimarisini uygulamaya karar verdi:<\/p>\n Sonu\u00e7lar ve Faydalar:<\/strong><\/p>\n Bu mimari sayesinde e-ticaret \u015firketi \u015fu faydalar\u0131 sa\u011flad\u0131:<\/p>\n Bu vaka analizi, statik web sitesi bar\u0131nd\u0131rma yakla\u015f\u0131m\u0131n\u0131n, y\u00fcksek trafikli ve kritik kampanyalar i\u00e7in bile ne kadar g\u00fc\u00e7l\u00fc, g\u00fcvenilir ve maliyet etkin bir \u00e7\u00f6z\u00fcm olabilece\u011fini a\u00e7\u0131k\u00e7a g\u00f6stermektedir. DevOps prensiplerinin AWS bulut servisleriyle birle\u015fimi, modern i\u015f gereksinimlerini kar\u015f\u0131lamada anahtar rol oynamaktad\u0131r.<\/p>\n Bu makale boyunca, AWS S3 ve CloudFront ile statik web sitesi bar\u0131nd\u0131rman\u0131n inceliklerini, neden modern web geli\u015ftirme i\u00e7in vazge\u00e7ilmez olduklar\u0131n\u0131 ve bir CI\/CD hatt\u0131 arac\u0131l\u0131\u011f\u0131yla bu s\u00fcreci nas\u0131l tamamen otomatikle\u015ftirebilece\u011finizi derinlemesine ele ald\u0131k. Geleneksel bar\u0131nd\u0131rma \u00e7\u00f6z\u00fcmlerinin getirdi\u011fi maliyet, \u00f6l\u00e7eklenebilirlik ve g\u00fcvenlik zorluklar\u0131na kar\u015f\u0131, S3'\u00fcn s\u0131n\u0131rs\u0131z depolama kapasitesi, CloudFront'un k\u00fcresel i\u00e7erik da\u011f\u0131t\u0131m a\u011f\u0131 ve CI\/CD'nin otomasyon g\u00fcc\u00fcyle donat\u0131lm\u0131\u015f modern bir mimari, projelerinize yeni bir soluk getirecektir. Bu \u00fc\u00e7l\u00fc, web sitenizin yaln\u0131zca h\u0131zl\u0131 ve g\u00fcvenilir olmas\u0131n\u0131 sa\u011flamakla kalmaz, ayn\u0131 zamanda operasyonel y\u00fck\u00fc azaltarak geli\u015ftirme ekiplerinizin yenili\u011fe odaklanmas\u0131na olanak tan\u0131r. Bir vaka analizi ile de g\u00f6rd\u00fc\u011f\u00fcm\u00fcz gibi, bu yakla\u015f\u0131m y\u00fcksek trafikli ve kritik i\u015f senaryolar\u0131nda bile beklentilerin \u00f6tesinde performans sergileyebilir. Gelece\u011fin web mimarisi art\u0131k bir hayal de\u011fil, AWS'nin bulut servisleriyle ula\u015f\u0131labilir bir ger\u00e7eklik. Art\u0131k siz de bu bilgiyle donat\u0131lm\u0131\u015f olarak, projelerinizi daha \u00f6l\u00e7eklenebilir, g\u00fcvenli ve maliyet etkin bir \u015fekilde hayata ge\u00e7irebilirsiniz. Bu yolculuk, sadece web sitenizin performans\u0131n\u0131 art\u0131rmakla kalmayacak, ayn\u0131 zamanda geli\u015ftirme ve da\u011f\u0131t\u0131m s\u00fcre\u00e7lerinizi de k\u00f6kten d\u00f6n\u00fc\u015ft\u00fcrecektir.<\/p>\n C: Kesinlikle! Statik web siteleri genellikle \u00e7ok h\u0131zl\u0131 y\u00fcklenir, bu da arama motoru s\u0131ralamalar\u0131 i\u00e7in \u00f6nemli bir fakt\u00f6rd\u00fcr. Ayr\u0131ca, CloudFront \u00fczerinden HTTPS ile g\u00fcvenli bir \u015fekilde yay\u0131nlanmalar\u0131, SEO performans\u0131n\u0131 olumlu etkiler. H\u0131zl\u0131 y\u00fckleme s\u00fcreleri ve g\u00fcvenilir eri\u015fim, kullan\u0131c\u0131 deneyimini art\u0131rarak dolayl\u0131 olarak SEO'ya katk\u0131da bulunur.<\/p>\n<\/li>\n C: SSL\/TLS sertifikalar\u0131n\u0131 do\u011frudan S3'e uygulayamazs\u0131n\u0131z. Bunun yerine, CloudFront da\u011f\u0131t\u0131m\u0131n\u0131z\u0131 Amazon Certificate Manager (ACM) ile entegre edersiniz. ACM \u00fczerinden \u00fccretsiz bir SSL\/TLS sertifikas\u0131 olu\u015fturur, alan ad\u0131n\u0131z\u0131 do\u011frulad\u0131ktan sonra bu sertifikay\u0131 CloudFront da\u011f\u0131t\u0131m\u0131n\u0131zla ili\u015fkilendirirsiniz. CloudFront, HTTPS trafi\u011fini y\u00f6neterek S3'teki i\u00e7eri\u011finize g\u00fcvenli eri\u015fim sa\u011flar.<\/p>\n<\/li>\n C: Evet, statik bir siteye tamamen dinamik bir sunucu eklemeden dinamik \u00f6zellikler kazand\u0131rabilirsiniz. Bunun i\u00e7in AWS Lambda@Edge, Amazon API Gateway ve\/veya d\u0131\u015f API servisleri gibi sunucusuz mimari bile\u015fenlerini kullanabilirsiniz. \u00d6rne\u011fin, bir ileti\u015fim formu i\u00e7in API Gateway ve Lambda kullanarak arka u\u00e7 olu\u015fturabilir veya kullan\u0131c\u0131 tabanl\u0131 ki\u015fiselle\u015ftirme i\u00e7in Lambda@Edge kullanabilirsiniz.<\/p>\n<\/li>\n C: AWS servisleri genellikle kulland\u0131k\u00e7a \u00f6de (pay-as-you-go) modeliyle \u00e7al\u0131\u015ft\u0131\u011f\u0131 i\u00e7in, k\u00fc\u00e7\u00fck projeler i\u00e7in CI\/CD hatt\u0131 kurmak olduk\u00e7a uygun maliyetli olabilir. AWS CodeBuild ve CodePipeline'\u0131n \u00fccretsiz kullan\u0131m katmanlar\u0131 bulunur. Projenizin b\u00fcy\u00fckl\u00fc\u011f\u00fcne ve da\u011f\u0131t\u0131m s\u0131kl\u0131\u011f\u0131na ba\u011fl\u0131 olarak maliyetler de\u011fi\u015fir ancak genellikle manuel s\u00fcre\u00e7lere harcad\u0131\u011f\u0131n\u0131z zaman ve potansiyel hata maliyetlerinden \u00e7ok daha d\u00fc\u015f\u00fckt\u00fcr.<\/p>\n<\/li>\n C: CloudFront invalidation, kenar konumlar\u0131ndaki (edge locations) \u00f6nbelle\u011fe al\u0131nm\u0131\u015f i\u00e7eri\u011finizi silme i\u015flemidir. Web sitenizde bir g\u00fcncelleme yapt\u0131\u011f\u0131n\u0131zda (\u00f6rne\u011fin, bir resmi veya HTML dosyas\u0131n\u0131 de\u011fi\u015ftirdi\u011finizde), CloudFront bu i\u00e7eri\u011fin eski s\u00fcr\u00fcm\u00fcn\u00fc \u00f6nbelle\u011finde tutmaya devam edebilir. Yeni i\u00e7eri\u011finizin kullan\u0131c\u0131lara hemen ula\u015fmas\u0131n\u0131 sa\u011flamak i\u00e7in invalidation iste\u011fi g\u00f6ndererek CloudFront'a \u00f6nbelle\u011fini temizlemesini s\u00f6ylersiniz. CI\/CD hatt\u0131n\u0131z\u0131n son ad\u0131m\u0131 olarak bu i\u015flemi otomatikle\u015ftirmek, her zaman en g\u00fcncel i\u00e7eri\u011fin yay\u0131nlanmas\u0131n\u0131 garanti eder.<\/p>\n<\/li>\n<\/ul>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Geleneksel web sitesi bar\u0131nd\u0131rma y\u00f6ntemlerinin y\u00fcksek maliyetleri, \u00f6l\u00e7eklenebilirlik zorluklar\u0131 ve g\u00fcvenlik endi\u015feleri sizi de yoruyor mu? \u0130\u015fte modern…","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":[1341],"tags":[],"class_list":{"0":"post-33725","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-cloud","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nwww.siteadiniz.com<\/code>) CloudFront da\u011f\u0131t\u0131m\u0131n\u0131zla ili\u015fkilendirebilir ve Amazon Certificate Manager (ACM) arac\u0131l\u0131\u011f\u0131yla \u00fccretsiz SSL\/TLS sertifikalar\u0131 sa\u011flayabilirsiniz. Bu, sitenizin HTTPS \u00fczerinden g\u00fcvenli bir \u015fekilde yay\u0131nlanmas\u0131n\u0131 sa\u011flar ki bu da hem kullan\u0131c\u0131 g\u00fcveni hem de SEO i\u00e7in kritik bir fakt\u00f6rd\u00fcr. CloudFront, ayn\u0131 zamanda HTTP\/2 ve QUIC gibi modern protokolleri destekleyerek daha h\u0131zl\u0131 ve verimli ileti\u015fim sa\u011flar. K\u0131sacas\u0131, CloudFront, S3’te bar\u0131nd\u0131rd\u0131\u011f\u0131n\u0131z statik web sitenizin k\u00fcresel \u00e7apta y\u0131ld\u0131z gibi parlamas\u0131n\u0131 sa\u011flayan bir performans ve g\u00fcvenlik kalkan\u0131d\u0131r.<\/p>\nAd\u0131m Ad\u0131m Statik Web Sitesi Kurulumu: S3 ve CloudFront Entegrasyonu<\/h2>\n
Ad\u0131m 1: S3 Bucket Olu\u015fturma ve Web Sitesi Bar\u0131nd\u0131rma Konfig\u00fcrasyonu<\/h3>\n
\n
my-awesome-static-website-2023<\/code>). Bu ismin k\u00fcresel olarak benzersiz olmas\u0131 gerekti\u011fini unutmay\u0131n. Bir AWS B\u00f6lgesi se\u00e7in (\u00f6rne\u011fin, eu-central-1<\/code> – Frankfurt).<\/li>\nindex.html<\/code>) girin. \u0130ste\u011fe ba\u011fl\u0131 olarak, hata sayfalar\u0131 i\u00e7in “Error document” alan\u0131na bir dosya ad\u0131 (\u00f6rne\u011fin, error.html<\/code>) girebilirsiniz. De\u011fi\u015fiklikleri kaydedin.<\/li>\nYOUR_BUCKET_NAME<\/code> k\u0131sm\u0131n\u0131 kendi bucket ad\u0131n\u0131zla de\u011fi\u015ftirin. Bu politika, internetteki herkesin bucket’\u0131n\u0131zdaki nesneleri okumas\u0131na izin verir.<\/li>\n<\/ol>\n\n{\n \"Version\": \"2012-10-17\",\n \"Statement\": [\n {\n \"Sid\": \"PublicReadGetObject\",\n \"Effect\": \"Allow\",\n \"Principal\": \"*\",\n \"Action\": [\n \"s3:GetObject\"\n ],\n \"Resource\": [\n \"arn:aws:s3:::YOUR_BUCKET_NAME\/*\"\n ]\n }\n ]\n}\n<\/pre>\nAd\u0131m 2: CloudFront Da\u011f\u0131t\u0131m\u0131 Olu\u015fturma ve S3 ile Entegrasyon<\/h3>\n
\n
my-awesome-static-website-2023.s3.amazonaws.com<\/code>)<\/strong>. Bu, CloudFront'un S3'e do\u011frudan eri\u015fmesini sa\u011flar ve OAC (Origin Access Control) ile daha g\u00fcvenli bir entegrasyon kurabiliriz.<\/li>\nwww.siteadiniz.com<\/code>), \"Alternate domain names (CNAMEs)\" alan\u0131na alan ad\u0131n\u0131z\u0131 girin. Ard\u0131ndan, \"Custom SSL certificate\" alt\u0131nda Amazon Certificate Manager (ACM) ile \u00f6nceden olu\u015fturdu\u011funuz bir sertifikay\u0131 se\u00e7in. E\u011fer yoksa, ACM \u00fczerinden \u00fccretsiz bir sertifika olu\u015fturup do\u011frulaman\u0131z gerekecektir. Bu ad\u0131m, web sitenizin alan ad\u0131n\u0131z \u00fczerinden HTTPS ile eri\u015filebilir olmas\u0131n\u0131 sa\u011flar.<\/li>\nd123abc456def.cloudfront.net<\/code>) verecektir. E\u011fer \u00f6zel bir alan ad\u0131 kulland\u0131ysan\u0131z, alan ad\u0131n\u0131z\u0131n DNS kay\u0131tlar\u0131na bir CNAME kayd\u0131 ekleyerek bu CloudFront Domain Name'ini hedef g\u00f6stermelisiniz. \u00d6rne\u011fin, www.siteadiniz.com<\/code>'u bu CloudFront da\u011f\u0131t\u0131m\u0131na y\u00f6nlendirin.<\/li>\n<\/ol>\nCI\/CD ile Otomatik Da\u011f\u0131t\u0131m: Geli\u015ftirme S\u00fcrecinizi H\u0131zland\u0131r\u0131n<\/h2>\n
Neden CI\/CD Kullanmal\u0131y\u0131z? Otomatikle\u015fmenin Faydalar\u0131<\/h3>\n
\n
AWS CodePipeline ve CodeBuild ile CI\/CD Hatt\u0131 Kurulumu<\/h3>\n
\n
git push<\/code> i\u015flemi CodePipeline'\u0131 tetikleyebilir.<\/p>\nnpm install<\/code>), siteyi derlemek (npm run build<\/code> veya hugo<\/code>) ve statik dosyalar\u0131 \u00e7\u0131kt\u0131 dizinine yerle\u015ftirmek anlam\u0131na gelir. CodeBuild, bu ad\u0131mlar\u0131 tan\u0131mlamak i\u00e7in bir buildspec.yml<\/code> dosyas\u0131 kullan\u0131r. Bu dosya, projenizin k\u00f6k dizininde bulunur.<\/p>\nbuildspec.yml<\/code> \u00f6rne\u011fi bulunmaktad\u0131r:<\/p>\n\nversion: 0.2\n\nphases:\n install:\n runtime-versions:\n nodejs: 18 # Projenizin Node.js s\u00fcr\u00fcm\u00fcn\u00fc belirtin\n commands:\n - echo \"Installing dependencies...\"\n - npm install\n build:\n commands:\n - echo \"Building the static website...\"\n - npm run build # Veya projenizin build komutu, \u00f6rne\u011fin: 'hugo'\n post_build:\n commands:\n - echo \"Build completed successfully.\"\n\nartifacts:\n files:\n - '**\/*' # Build sonras\u0131 olu\u015fturulan t\u00fcm dosyalar\u0131 i\u00e7er\n base-directory: 'build' # Veya statik dosyalar\u0131n\u0131z\u0131n \u00e7\u0131kt\u0131\u011f\u0131 dizin, \u00f6rne\u011fin: 'public'\n<\/pre>\nbuildspec.yml<\/code> dosyas\u0131, CodeBuild'e Node.js ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 kurmas\u0131n\u0131, ard\u0131ndan statik siteyi build etmesini ve son olarak build<\/code> (veya public<\/code>) klas\u00f6r\u00fcndeki t\u00fcm \u00e7\u0131kt\u0131lar\u0131 da\u011f\u0131t\u0131m i\u00e7in \"artifact\" olarak paketlemesini s\u00f6yler.<\/p>\n<\/li>\nbuildspec.yml<\/code> \u00f6rne\u011fi bulunmaktad\u0131r:<\/p>\n\nversion: 0.2\n\nphases:\n install:\n runtime-versions:\n nodejs: 18\n commands:\n - echo \"Installing dependencies...\"\n - npm install\n build:\n commands:\n - echo \"Building the static website...\"\n - npm run build\n post_build:\n commands:\n - echo \"Deploying to S3 and invalidating CloudFront cache...\"\n - aws s3 sync build\/ s3:\/\/YOUR_S3_BUCKET_NAME --delete --acl public-read # S3'e senkronize et, eski dosyalar\u0131 sil\n - aws cloudfront create-invalidation --distribution-id YOUR_CLOUDFRONT_DISTRIBUTION_ID --paths \"\/*\" # CloudFront \u00f6nbelle\u011fini temizle\n\nartifacts:\n files:\n - '**\/*'\n base-directory: 'build'\n<\/pre>\nYOUR_S3_BUCKET_NAME<\/code> ve YOUR_CLOUDFRONT_DISTRIBUTION_ID<\/code> k\u0131s\u0131mlar\u0131n\u0131 kendi de\u011ferlerinizle de\u011fi\u015ftirmelisiniz. aws s3 sync<\/code> komutu, yerel build\/<\/code> dizinini S3 bucket'\u0131n\u0131zla senkronize ederken, --delete<\/code> parametresi S3'te art\u0131k yerel olarak bulunmayan dosyalar\u0131 siler. --acl public-read<\/code> ise S3'e y\u00fcklenen dosyalar\u0131n herkese okunabilir olmas\u0131n\u0131 sa\u011flar. CloudFront invalidation komutu ise, CloudFront'a t\u00fcm yollardaki (\/*<\/code>) i\u00e7eri\u011fin \u00f6nbelle\u011fini temizlemesini emreder, b\u00f6ylece yeni i\u00e7eri\u011finiz an\u0131nda yay\u0131nlan\u0131r.<\/p>\n<\/ol>\n\u0130leri D\u00fczey Optimizasyonlar ve G\u00fcvenlik \u0130pu\u00e7lar\u0131<\/h2>\n
\n
Vaka Analizi: Y\u00fcksek Trafikli Bir Pazarlama Kampanyas\u0131 Sitesi \u0130\u00e7in Statik Yakla\u015f\u0131m<\/h2>\n
\n
\n
\n
aws s3 sync<\/code> ile senkronize etti ve ard\u0131ndan aws cloudfront create-invalidation<\/code> komutuyla CloudFront \u00f6nbelle\u011fini an\u0131nda temizledi.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n
Sonu\u00e7: Gelece\u011fin Web Mimarisine Bug\u00fcn Ad\u0131m At\u0131n<\/h2>\n
S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h2>\n
\n