{"id":8867,"date":"2025-01-07T08:00:14","date_gmt":"2025-01-07T05:00:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/"},"modified":"2025-01-07T08:00:14","modified_gmt":"2025-01-07T05:00:14","slug":"react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/","title":{"rendered":"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama"},"content":{"rendered":"<p><body><\/p>\n<p>React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama<\/p>\n<p>Merhaba!  Bu makalede, React uygulaman\u0131z\u0131 Amazon Web Services (AWS) ekosisteminin g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 olan S3 (Simple Storage Service) ve CloudFront (CDN) kullanarak nas\u0131l yay\u0131nlayabilece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu y\u00f6ntem,  h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve g\u00fcvenilir bir da\u011f\u0131t\u0131m sunar.  \u00d6ncelikle,  React uygulaman\u0131z\u0131n haz\u0131r oldu\u011funu ve build edildi\u011fini varsay\u0131yorum.  Haz\u0131rsan\u0131z ba\u015flayal\u0131m!<\/p>\n<h2>1. Ad\u0131m: React Uygulamas\u0131n\u0131n Haz\u0131rlanmas\u0131<\/h2>\n<p>\u00d6ncelikle, React uygulaman\u0131z\u0131 production modunda build etmeniz gerekmektedir.  Bu i\u015flem, uygulaman\u0131z\u0131n optimizasyonunu sa\u011flar ve daha k\u00fc\u00e7\u00fck dosya boyutlar\u0131 olu\u015fturur.  Genellikle bu i\u015flem <code>npm run build<\/code> veya <code>yarn build<\/code> komutlar\u0131yla ger\u00e7ekle\u015ftirilir.  Sonu\u00e7 olarak,  <code>build<\/code> klas\u00f6r\u00fc i\u00e7erisinde statik dosyalar olu\u015facakt\u0131r.  Bu klas\u00f6rdeki i\u00e7eri\u011fi S3&#8217;e y\u00fckleyece\u011fiz.<\/p>\n<h2>2. Ad\u0131m: AWS Hesab\u0131n\u0131z\u0131n Haz\u0131rlanmas\u0131<\/h2>\n<p>Bir AWS hesab\u0131n\u0131z yoksa, \u00f6ncelikle <a href=\"https:\/\/aws.amazon.com\/\">AWS sitesinden<\/a> bir hesap olu\u015fturman\u0131z gerekir.  Hesab\u0131n\u0131z\u0131 olu\u015fturduktan sonra,  S3 ve CloudFront servislerine eri\u015fim sa\u011flayabilmeniz i\u00e7in gerekli izinleri ayarlay\u0131n.  Ayr\u0131ca, bir IAM kullan\u0131c\u0131 ad\u0131 ve \u015fifresi olu\u015fturman\u0131z \u00f6nerilir. Bu, g\u00fcvenlik a\u00e7\u0131s\u0131ndan \u00f6nemlidir.<\/p>\n<h2>3. Ad\u0131m: S3 Bucket Olu\u015fturma<\/h2>\n<p>S3, nesnelerinizi depolamak i\u00e7in kulland\u0131\u011f\u0131m\u0131z bir servistir.  S3&#8217;te bir bucket olu\u015fturmak i\u00e7in AWS konsoluna giri\u015f yap\u0131n ve S3 servisini se\u00e7in.  Ard\u0131ndan &#8220;Bucket olu\u015ftur&#8221; butonuna t\u0131klay\u0131n.  Bucket&#8217;\u0131n\u0131z i\u00e7in benzersiz bir isim se\u00e7meniz \u00f6nemlidir.  \u0130sim se\u00e7erken,  b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf ve rakam kullanabilirsiniz. Ayr\u0131ca, b\u00f6lge se\u00e7imi de \u00f6nemlidir.  Uygulaman\u0131za en yak\u0131n b\u00f6lgeyi se\u00e7erek performans\u0131 art\u0131rabilirsiniz. Bucket&#8217;\u0131n\u0131z\u0131 olu\u015fturduktan sonra,  &#8220;Properties&#8221; b\u00f6l\u00fcm\u00fcnden &#8220;Static website hosting&#8221;i aktif edin ve index dosyan\u0131z\u0131 (genellikle index.html) ve hata sayfas\u0131 (error.html) belirtin.<\/p>\n<h2>4. Ad\u0131m: Build Dosyalar\u0131n\u0131 S3&#8217;e Y\u00fckleme<\/h2>\n<p>S3 bucket&#8217;\u0131n\u0131z\u0131 olu\u015fturduktan sonra,  \u00f6nceki ad\u0131mda olu\u015fturdu\u011funuz <code>build<\/code> klas\u00f6r\u00fcn\u00fcn i\u00e7eri\u011fini S3 bucket&#8217;\u0131n\u0131za y\u00fckleyin.  Bunu AWS konsolundan veya AWS CLI arac\u0131l\u0131\u011f\u0131yla yapabilirsiniz.  AWS CLI kullanmak daha otomatikle\u015ftirilmi\u015f bir yakla\u015f\u0131m sunar.  Bu y\u00fckleme i\u015flemi tamamland\u0131\u011f\u0131nda,  uygulaman\u0131z S3&#8217;te depolanm\u0131\u015f olacakt\u0131r.  Ancak, hen\u00fcz eri\u015filebilir de\u011fildir.<\/p>\n<h2>5. Ad\u0131m: CloudFront Da\u011f\u0131t\u0131m\u0131 Olu\u015fturma<\/h2>\n<p>CloudFront, i\u00e7eri\u011finizi d\u00fcnyan\u0131n her yerinden h\u0131zl\u0131 bir \u015fekilde eri\u015filebilir hale getirmek i\u00e7in kullan\u0131lan bir CDN (Content Delivery Network) hizmetidir.  S3&#8217;te bulunan uygulaman\u0131z i\u00e7in bir CloudFront da\u011f\u0131t\u0131m\u0131 olu\u015fturman\u0131z gerekmektedir.  Bu i\u015flem i\u00e7in S3 bucket&#8217;\u0131n\u0131z\u0131 origin olarak belirlemeniz gerekir.  Ayr\u0131ca,  bir da\u011f\u0131t\u0131m konfig\u00fcrasyonu olu\u015fturmal\u0131s\u0131n\u0131z.  Bu konfig\u00fcrasyon,  kullanaca\u011f\u0131n\u0131z HTTP protokol\u00fc,  \u00f6zel bir alan ad\u0131 (domain) ve di\u011fer ayarlar\u0131 i\u00e7erir.  Da\u011f\u0131t\u0131m olu\u015fturulduktan sonra,  CloudFront, i\u00e7eri\u011finizi global olarak da\u011f\u0131tacakt\u0131r.<\/p>\n<h2>6. Ad\u0131m: \u00d6zel Alan Ad\u0131 (Domain) Ekleme (\u0130ste\u011fe Ba\u011fl\u0131)<\/h2>\n<p>Kendi \u00f6zel alan ad\u0131n\u0131z\u0131 kullanmak isterseniz,  DNS kay\u0131tlar\u0131n\u0131z\u0131 g\u00fcncellemeniz gerekecektir.  Bu i\u015flem i\u00e7in domain sa\u011flay\u0131c\u0131n\u0131z\u0131n kontrol panelini kullanabilirsiniz.  CloudFront, size gerekli DNS kay\u0131tlar\u0131n\u0131 sa\u011flayacakt\u0131r.  Bu kay\u0131tlar\u0131 do\u011fru bir \u015fekilde ekledi\u011finizden emin olun.<\/p>\n<h2>7. Ad\u0131m: Test Etme<\/h2>\n<p>T\u00fcm ad\u0131mlar tamamland\u0131ktan sonra,  uygulaman\u0131z\u0131 test etmeyi unutmay\u0131n.  Her \u015fey do\u011fruysa, uygulaman\u0131z art\u0131k internet \u00fczerinden eri\u015filebilir olmal\u0131d\u0131r.<\/p>\n<p>Umar\u0131m bu makale, React uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile yay\u0131nlaman\u0131zda size yard\u0131mc\u0131 olmu\u015ftur. Daha fazla bilgi i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> sitesini ziyaret edebilirsiniz.  AWS dok\u00fcmantasyonu da olduk\u00e7a faydal\u0131 bir kaynakt\u0131r. <a href=\"https:\/\/aws.amazon.com\/documentation\/\">AWS Dok\u00fcmantasyonu<\/a><\/p>\n<p><b>Faydal\u0131 Kaynaklar:<\/b><\/p>\n<ul>\n<li><a href=\"https:\/\/dev.to\/itanand_\/how-to-deploy-a-react-application-using-aws-s3-and-cloudfront-58kj\">Orijinal \u0130ngilizce Makale<\/a><\/li>\n<li><a href=\"https:\/\/docs.aws.amazon.com\/AmazonS3\/latest\/userguide\/website-hosting-how-to.html\">AWS S3 Website Hosting<\/a><\/li>\n<li><a href=\"https:\/\/docs.aws.amazon.com\/AmazonCloudFront\/latest\/DeveloperGuide\/Introduction.html\">AWS CloudFront Developer Guide<\/a><\/li>\n<\/ul>\n<p>#Etiketler: React, AWS S3, CloudFront, Deployment, Yay\u0131nlama, Fatih Soysal, Web Geli\u015ftirme, Bulut Bili\u015fim, AWS, S3, CloudFront da\u011f\u0131t\u0131m\u0131, React deployment, Static website hosting, CDN<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama Merhaba! Bu makalede, React uygulaman\u0131z\u0131 Amazon Web Services (AWS) ekosisteminin&hellip;","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":[1],"tags":[],"class_list":{"0":"post-8867","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama<\/title>\n<meta name=\"description\" content=\"Merhaba! Bu makalede, React uygulaman\u0131z\u0131 Amazon Web Services (AWS) ekosisteminin g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 olan S3 (Simple Storage Service) ve CloudFront (CDN) kullanarak nas\u0131l yay\u0131nlayabilece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu y\u00f6ntem, h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve g\u00fcvenilir bir da\u011f\u0131t\u0131m sunar. \u00d6ncelikle, React uygulaman\u0131z\u0131n haz\u0131r oldu\u011funu ve build edildi\u011fini varsay\u0131yorum. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!\" \/>\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\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bu makalede, React uygulaman\u0131z\u0131 Amazon Web Services (AWS) ekosisteminin g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 olan S3 (Simple Storage Service) ve CloudFront (CDN) kullanarak nas\u0131l yay\u0131nlayabilece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu y\u00f6ntem, h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve g\u00fcvenilir bir da\u011f\u0131t\u0131m sunar. \u00d6ncelikle, React uygulaman\u0131z\u0131n haz\u0131r oldu\u011funu ve build edildi\u011fini varsay\u0131yorum. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-07T05:00:14+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=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama\",\"datePublished\":\"2025-01-07T05:00:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/\"},\"wordCount\":704,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/\",\"name\":\"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-01-07T05:00:14+00:00\",\"description\":\"Merhaba! Bu makalede, React uygulaman\u0131z\u0131 Amazon Web Services (AWS) ekosisteminin g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 olan S3 (Simple Storage Service) ve CloudFront (CDN) kullanarak nas\u0131l yay\u0131nlayabilece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu y\u00f6ntem, h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve g\u00fcvenilir bir da\u011f\u0131t\u0131m sunar. \u00d6ncelikle, React uygulaman\u0131z\u0131n haz\u0131r oldu\u011funu ve build edildi\u011fini varsay\u0131yorum. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama\"}]},{\"@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":"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama","description":"Merhaba! Bu makalede, React uygulaman\u0131z\u0131 Amazon Web Services (AWS) ekosisteminin g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 olan S3 (Simple Storage Service) ve CloudFront (CDN) kullanarak nas\u0131l yay\u0131nlayabilece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu y\u00f6ntem, h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve g\u00fcvenilir bir da\u011f\u0131t\u0131m sunar. \u00d6ncelikle, React uygulaman\u0131z\u0131n haz\u0131r oldu\u011funu ve build edildi\u011fini varsay\u0131yorum. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!","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\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/","og_locale":"tr_TR","og_type":"article","og_title":"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama","og_description":"Merhaba! Bu makalede, React uygulaman\u0131z\u0131 Amazon Web Services (AWS) ekosisteminin g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 olan S3 (Simple Storage Service) ve CloudFront (CDN) kullanarak nas\u0131l yay\u0131nlayabilece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu y\u00f6ntem, h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve g\u00fcvenilir bir da\u011f\u0131t\u0131m sunar. \u00d6ncelikle, React uygulaman\u0131z\u0131n haz\u0131r oldu\u011funu ve build edildi\u011fini varsay\u0131yorum. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!","og_url":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-01-07T05:00:14+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama","datePublished":"2025-01-07T05:00:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/"},"wordCount":704,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/","url":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/","name":"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-01-07T05:00:14+00:00","description":"Merhaba! Bu makalede, React uygulaman\u0131z\u0131 Amazon Web Services (AWS) ekosisteminin g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 olan S3 (Simple Storage Service) ve CloudFront (CDN) kullanarak nas\u0131l yay\u0131nlayabilece\u011finizi ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu y\u00f6ntem, h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve g\u00fcvenilir bir da\u011f\u0131t\u0131m sunar. \u00d6ncelikle, React uygulaman\u0131z\u0131n haz\u0131r oldu\u011funu ve build edildi\u011fini varsay\u0131yorum. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-s3-ve-cloudfront-ile-yayinlama\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React Uygulaman\u0131z\u0131 AWS S3 ve CloudFront ile Yay\u0131nlama"}]},{"@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\/8867","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=8867"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8867\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=8867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=8867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=8867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}