{"id":12940,"date":"2025-02-19T17:30:13","date_gmt":"2025-02-19T14:30:13","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/"},"modified":"2025-02-19T17:30:13","modified_gmt":"2025-02-19T14:30:13","slug":"reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/","title":{"rendered":"React+Vite SPA’n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma"},"content":{"rendered":"

<\/p>\n

React+Vite SPA’n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma<\/p>\n

Merhaba! Bu makalede, React ve Vite ile geli\u015ftirdi\u011finiz tek sayfa uygulaman\u0131z\u0131 (SPA) Amazon Web Services (AWS) kullanarak nas\u0131l g\u00fcvenli ve verimli bir \u015fekilde da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 anlataca\u011f\u0131m. \u00d6zellikle, \u00f6zel bir S3 kovas\u0131na, CloudFront CDN ve OAC (Origin Access Control) kullanarak yapaca\u011f\u0131m\u0131z bu da\u011f\u0131t\u0131m, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini ve performans\u0131n\u0131 en \u00fcst d\u00fczeye \u00e7\u0131karacakt\u0131r. Bu y\u00f6ntem, uygulaman\u0131za yetkisiz eri\u015fimi \u00f6nleyerek verilerinizi korurken, ayn\u0131 zamanda kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in h\u0131zl\u0131 ve sorunsuz bir deneyim sunar.<\/p>\n

Haz\u0131rl\u0131k A\u015famas\u0131: Gerekli Kaynaklar<\/h2>\n

\u00d6ncelikle, AWS hesab\u0131n\u0131z\u0131n olmas\u0131 ve IAM (Identity and Access Management) yetkilerinizin do\u011fru \u015fekilde ayarlanm\u0131\u015f olmas\u0131 gerekmektedir. Ayr\u0131ca, React ve Vite projelerinizi geli\u015ftirme a\u015famas\u0131n\u0131 tamamlam\u0131\u015f olmal\u0131s\u0131n\u0131z. Projenizin build i\u015flemini ba\u015far\u0131yla ger\u00e7ekle\u015ftirdi\u011finizden emin olun. Build sonucunda olu\u015fturulan t\u00fcm dosyalar\u0131n\u0131z\u0131 bir klas\u00f6rde toplay\u0131n. Bu dosyalar\u0131 daha sonra S3 kovam\u0131za y\u00fckleyece\u011fiz. Bu ad\u0131m\u0131n ard\u0131ndan, S3, CloudFront ve OAC i\u00e7in gerekli olan AWS hizmetlerine eri\u015febildi\u011finizi do\u011frulay\u0131n.<\/p>\n

S3 Kovas\u0131n\u0131n Olu\u015fturulmas\u0131<\/h2>\n

\u0130lk olarak, AWS konsolunda bir S3 kovas\u0131 olu\u015fturun. Kova ad\u0131n\u0131z\u0131n global olarak benzersiz oldu\u011fundan emin olun. Kova olu\u015fturma a\u015famas\u0131nda, “\u00d6zel” eri\u015fim kontrol listesi (ACL) se\u00e7ene\u011fini belirlemeniz son derece \u00f6nemlidir. Bu sayede, kovaya yaln\u0131zca yetkilendirilmi\u015f kullan\u0131c\u0131lar\u0131n eri\u015febilece\u011finden emin oluruz. Ard\u0131ndan, kovaya build sonucunda elde etti\u011finiz t\u00fcm dosyalar\u0131 y\u00fckleyin. Y\u00fckleme i\u015flemini tamamlad\u0131ktan sonra, kovaya eri\u015fim kontrol\u00fcn\u00fc d\u00fczenleyerek sadece CloudFront’un eri\u015febilece\u011finden emin olmal\u0131s\u0131n\u0131z. Bu i\u015flem, OAC’nin do\u011fru \u015fekilde yap\u0131land\u0131r\u0131lmas\u0131yla sa\u011flan\u0131r.<\/p>\n

CloudFront Da\u011f\u0131t\u0131m\u0131n\u0131n Yap\u0131lmas\u0131<\/h2>\n

S3 kovas\u0131 haz\u0131r olduktan sonra, CloudFront da\u011f\u0131t\u0131m\u0131n\u0131 olu\u015fturabilirsiniz. CloudFront, bir CDN (Content Delivery Network) hizmetidir ve i\u00e7eriklerinizi d\u00fcnya \u00e7ap\u0131nda da\u011f\u0131tarak, kullan\u0131c\u0131lar\u0131n\u0131za daha h\u0131zl\u0131 bir eri\u015fim sa\u011flar. Da\u011f\u0131t\u0131m olu\u015ftururken, “Origin” olarak S3 kovan\u0131z\u0131 se\u00e7melisiniz. \u00d6nemli bir nokta ise, CloudFront’un S3 kovas\u0131na eri\u015fimini k\u0131s\u0131tlamak i\u00e7in OAC’yi kullanman\u0131zd\u0131r. Bu, g\u00fcvenlik a\u00e7\u0131s\u0131ndan kritik bir ad\u0131md\u0131r.<\/p>\n

Origin Access Control (OAC) Yap\u0131land\u0131rmas\u0131<\/h2>\n

OAC, CloudFront’un S3 kovas\u0131na eri\u015fimini kontrol etmenizi sa\u011flar. Bu, kovaya yetkisiz eri\u015fimi \u00f6nlemek i\u00e7in son derece \u00f6nemlidir. OAC’yi yap\u0131land\u0131r\u0131rken, sadece CloudFront da\u011f\u0131t\u0131m\u0131n\u0131z\u0131n S3 kovas\u0131na eri\u015febilece\u011finden emin olmal\u0131s\u0131n\u0131z. Bu, CloudFront da\u011f\u0131t\u0131m\u0131n\u0131z\u0131n ARN’sini (Amazon Resource Name) OAC ayarlar\u0131nda belirtmenizle ger\u00e7ekle\u015ftirilir. Bu ad\u0131mdan sonra, CloudFront da\u011f\u0131t\u0131m\u0131n\u0131z\u0131n S3 kovas\u0131ndan i\u00e7erik \u00e7ekmesi i\u00e7in gereken t\u00fcm yetkilere sahip olacakt\u0131r. Ayr\u0131ca, g\u00fcvenlik duvar\u0131n\u0131z\u0131 da g\u00f6z \u00f6n\u00fcnde bulundurarak gereksiz istekleri engellemelisiniz.<\/p>\n

Son Ad\u0131mlar ve Testler<\/h2>\n

T\u00fcm bu ad\u0131mlar\u0131 tamamlad\u0131ktan sonra, CloudFront da\u011f\u0131t\u0131m\u0131n\u0131z\u0131n \u00e7al\u0131\u015f\u0131p \u00e7al\u0131\u015fmad\u0131\u011f\u0131n\u0131 test etmeniz gerekmektedir. CloudFront size bir da\u011f\u0131t\u0131m URL’si verecektir. Bu URL’yi kullanarak uygulaman\u0131za eri\u015febilirsiniz. Uygulaman\u0131z\u0131n do\u011fru bir \u015fekilde \u00e7al\u0131\u015ft\u0131\u011f\u0131ndan ve i\u00e7eri\u011fin h\u0131zl\u0131 bir \u015fekilde y\u00fcklendi\u011finden emin olun. Gerekli testlerden sonra, uygulaman\u0131z\u0131 g\u00fcvenle canl\u0131 ortama alabilirsiniz. Hata durumunda AWS konsolunu kontrol ederek sorun giderme i\u015flemlerine ba\u015flayabilirsiniz.<\/p>\n

Umar\u0131m bu makale, React+Vite SPA’n\u0131z\u0131 g\u00fcvenli ve verimli bir \u015fekilde da\u011f\u0131tman\u0131za yard\u0131mc\u0131 olmu\u015ftur. Daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> sitesini ziyaret edebilirsiniz. Ayr\u0131ca, AWS dok\u00fcmantasyonu da bu konuda size yard\u0131mc\u0131 olacakt\u0131r: aws.amazon.com<\/a><\/p>\n

#Etiketler: React, Vite, S3, CloudFront, OAC, SPA, da\u011f\u0131t\u0131m, deployment, AWS, g\u00fcvenlik, \u00f6zel depolama, CDN, Amazon, web uygulamas\u0131, performans, g\u00fcvenlik duvar\u0131, IAM<\/p>\n

<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"React+Vite SPA’n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma Merhaba! Bu makalede, React ve Vite ile geli\u015ftirdi\u011finiz…","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-12940","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nReact+Vite SPA'n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma<\/title>\n<meta name=\"description\" content=\"Merhaba! Bu makalede, React ve Vite ile geli\u015ftirdi\u011finiz tek sayfa uygulaman\u0131z\u0131 (SPA) Amazon Web Services (AWS) kullanarak nas\u0131l g\u00fcvenli ve verimli bir \u015fekilde da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 anlataca\u011f\u0131m. \u00d6zellikle, \u00f6zel bir S3 kovas\u0131na, CloudFront CDN ve OAC (Origin Access Control) kullanarak yapaca\u011f\u0131m\u0131z bu da\u011f\u0131t\u0131m, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini ve performans\u0131n\u0131 en \u00fcst d\u00fczeye \u00e7\u0131karacakt\u0131r. Bu y\u00f6ntem, uygulaman\u0131za yetkisiz eri\u015fimi \u00f6nleyerek verilerinizi korurken, ayn\u0131 zamanda kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in h\u0131zl\u0131 ve sorunsuz bir deneyim sunar.\" \/>\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\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React+Vite SPA'n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bu makalede, React ve Vite ile geli\u015ftirdi\u011finiz tek sayfa uygulaman\u0131z\u0131 (SPA) Amazon Web Services (AWS) kullanarak nas\u0131l g\u00fcvenli ve verimli bir \u015fekilde da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 anlataca\u011f\u0131m. \u00d6zellikle, \u00f6zel bir S3 kovas\u0131na, CloudFront CDN ve OAC (Origin Access Control) kullanarak yapaca\u011f\u0131m\u0131z bu da\u011f\u0131t\u0131m, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini ve performans\u0131n\u0131 en \u00fcst d\u00fczeye \u00e7\u0131karacakt\u0131r. Bu y\u00f6ntem, uygulaman\u0131za yetkisiz eri\u015fimi \u00f6nleyerek verilerinizi korurken, ayn\u0131 zamanda kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in h\u0131zl\u0131 ve sorunsuz bir deneyim sunar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-19T14:30:13+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=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"React+Vite SPA’n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma\",\"datePublished\":\"2025-02-19T14:30:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/\"},\"wordCount\":718,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/\",\"name\":\"React+Vite SPA'n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-02-19T14:30:13+00:00\",\"description\":\"Merhaba! Bu makalede, React ve Vite ile geli\u015ftirdi\u011finiz tek sayfa uygulaman\u0131z\u0131 (SPA) Amazon Web Services (AWS) kullanarak nas\u0131l g\u00fcvenli ve verimli bir \u015fekilde da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 anlataca\u011f\u0131m. \u00d6zellikle, \u00f6zel bir S3 kovas\u0131na, CloudFront CDN ve OAC (Origin Access Control) kullanarak yapaca\u011f\u0131m\u0131z bu da\u011f\u0131t\u0131m, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini ve performans\u0131n\u0131 en \u00fcst d\u00fczeye \u00e7\u0131karacakt\u0131r. Bu y\u00f6ntem, uygulaman\u0131za yetkisiz eri\u015fimi \u00f6nleyerek verilerinizi korurken, ayn\u0131 zamanda kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in h\u0131zl\u0131 ve sorunsuz bir deneyim sunar.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React+Vite SPA’n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma\"}]},{\"@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+Vite SPA'n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma","description":"Merhaba! Bu makalede, React ve Vite ile geli\u015ftirdi\u011finiz tek sayfa uygulaman\u0131z\u0131 (SPA) Amazon Web Services (AWS) kullanarak nas\u0131l g\u00fcvenli ve verimli bir \u015fekilde da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 anlataca\u011f\u0131m. \u00d6zellikle, \u00f6zel bir S3 kovas\u0131na, CloudFront CDN ve OAC (Origin Access Control) kullanarak yapaca\u011f\u0131m\u0131z bu da\u011f\u0131t\u0131m, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini ve performans\u0131n\u0131 en \u00fcst d\u00fczeye \u00e7\u0131karacakt\u0131r. Bu y\u00f6ntem, uygulaman\u0131za yetkisiz eri\u015fimi \u00f6nleyerek verilerinizi korurken, ayn\u0131 zamanda kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in h\u0131zl\u0131 ve sorunsuz bir deneyim sunar.","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\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/","og_locale":"tr_TR","og_type":"article","og_title":"React+Vite SPA'n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma","og_description":"Merhaba! Bu makalede, React ve Vite ile geli\u015ftirdi\u011finiz tek sayfa uygulaman\u0131z\u0131 (SPA) Amazon Web Services (AWS) kullanarak nas\u0131l g\u00fcvenli ve verimli bir \u015fekilde da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 anlataca\u011f\u0131m. \u00d6zellikle, \u00f6zel bir S3 kovas\u0131na, CloudFront CDN ve OAC (Origin Access Control) kullanarak yapaca\u011f\u0131m\u0131z bu da\u011f\u0131t\u0131m, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini ve performans\u0131n\u0131 en \u00fcst d\u00fczeye \u00e7\u0131karacakt\u0131r. Bu y\u00f6ntem, uygulaman\u0131za yetkisiz eri\u015fimi \u00f6nleyerek verilerinizi korurken, ayn\u0131 zamanda kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in h\u0131zl\u0131 ve sorunsuz bir deneyim sunar.","og_url":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-02-19T14:30:13+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"React+Vite SPA’n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma","datePublished":"2025-02-19T14:30:13+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/"},"wordCount":718,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/","url":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/","name":"React+Vite SPA'n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-02-19T14:30:13+00:00","description":"Merhaba! Bu makalede, React ve Vite ile geli\u015ftirdi\u011finiz tek sayfa uygulaman\u0131z\u0131 (SPA) Amazon Web Services (AWS) kullanarak nas\u0131l g\u00fcvenli ve verimli bir \u015fekilde da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 anlataca\u011f\u0131m. \u00d6zellikle, \u00f6zel bir S3 kovas\u0131na, CloudFront CDN ve OAC (Origin Access Control) kullanarak yapaca\u011f\u0131m\u0131z bu da\u011f\u0131t\u0131m, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini ve performans\u0131n\u0131 en \u00fcst d\u00fczeye \u00e7\u0131karacakt\u0131r. Bu y\u00f6ntem, uygulaman\u0131za yetkisiz eri\u015fimi \u00f6nleyerek verilerinizi korurken, ayn\u0131 zamanda kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in h\u0131zl\u0131 ve sorunsuz bir deneyim sunar.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/reactvite-spanizi-ozel-s3-kovasina-cloudfront-ve-oac-ile-dagitma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React+Vite SPA’n\u0131z\u0131 \u00d6zel S3 Kovas\u0131na CloudFront ve OAC ile Da\u011f\u0131tma"}]},{"@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\/12940","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=12940"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/12940\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=12940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=12940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=12940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}