{"id":28198,"date":"2025-08-24T21:00:24","date_gmt":"2025-08-24T18:00:24","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/"},"modified":"2025-08-24T21:00:24","modified_gmt":"2025-08-24T18:00:24","slug":"react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/","title":{"rendered":"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]"},"content":{"rendered":"<p>React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]<\/p>\n<p>Bir React uygulamas\u0131n\u0131 geli\u015ftirmek heyecan verici bir deneyimdir, ancak ger\u00e7ek d\u00fcnyada kullan\u0131labilmesi i\u00e7in buluta da\u011f\u0131t\u0131lmas\u0131 gerekir.  Bu makale, AWS \u00fczerinde bir Ubuntu web sunucusuna React uygulaman\u0131z\u0131 nas\u0131l da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri d\u00fczey kullan\u0131c\u0131lara kadar herkese uygun bir \u015fekilde a\u00e7\u0131klamaktad\u0131r.  AWS&#8217;nin sundu\u011fu g\u00fc\u00e7l\u00fc altyap\u0131 ve Ubuntu&#8217;nun esnekli\u011fi ile React uygulaman\u0131z\u0131n g\u00fcvenli ve \u00f6l\u00e7eklenebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!<\/p>\n<h2>1. Temel Kavramlar: AWS, Ubuntu ve React<\/h2>\n<p>\u00d6ncelikle, bu s\u00fcre\u00e7te yer alan temel kavramlar\u0131 anlamak \u00f6nemlidir.  AWS (Amazon Web Services), bulut tabanl\u0131 \u00e7e\u015fitli hizmetler sunan bir platformdur.  Ubuntu ise pop\u00fcler bir Linux da\u011f\u0131t\u0131m\u0131 olup, sunucular i\u00e7in ideal bir se\u00e7imdir. React ise, kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kullan\u0131lan g\u00fc\u00e7l\u00fc bir JavaScript k\u00fct\u00fcphanesidir.  Bu \u00fc\u00e7 teknolojiyi birle\u015ftirerek, g\u00fc\u00e7l\u00fc ve \u00f6l\u00e7eklenebilir web uygulamalar\u0131 olu\u015fturabiliriz.  \u00d6rne\u011fin, Amazon EC2 (Elastic Compute Cloud)  bir sanal sunucu sa\u011flar, burada Ubuntu kurabilir ve React uygulaman\u0131z\u0131 \u00e7al\u0131\u015ft\u0131rabilirsiniz.  Ancak,  sadece bir sunucu kurmak yeterli de\u011fildir; g\u00fcvenlik, performans ve \u00f6l\u00e7eklenebilirlik gibi konular\u0131 da g\u00f6z \u00f6n\u00fcnde bulundurmal\u0131y\u0131z.  Bu konulara daha sonra de\u011finece\u011fiz. Bu s\u00fcre\u00e7, bir Node.js sunucusu ve Nginx gibi ters proxy sunucu gerektirir. Daha fazla bilgi i\u00e7in (https:\/\/fatihsoysal.com) inceleyebilirsiniz.<\/p>\n<h2>2.  AWS EC2 \u00d6rne\u011fi Olu\u015fturma:  Ad\u0131m Ad\u0131m<\/h2>\n<p>\u0130lk ad\u0131m\u0131m\u0131z, AWS konsoluna giri\u015f yaparak bir EC2 \u00f6rne\u011fi olu\u015fturmakt\u0131r.  Bu \u00f6rnek, React uygulaman\u0131z\u0131n \u00e7al\u0131\u015faca\u011f\u0131 sanal sunucu g\u00f6revi g\u00f6recektir.  \u00d6ncelikle, Ubuntu sunucu resmi se\u00e7meli ve uygun bir \u00f6rnek tipi se\u00e7melisiniz.  t2.micro gibi \u00fccretsiz katman i\u00e7in uygun bir \u00f6rnek, ba\u015flang\u0131\u00e7 i\u00e7in ideal olabilir. Ancak, daha b\u00fcy\u00fck \u00f6l\u00e7ekli uygulamalar i\u00e7in daha g\u00fc\u00e7l\u00fc \u00f6rnekler se\u00e7meniz gerekebilir. Ard\u0131ndan, bir g\u00fcvenlik grubu olu\u015fturarak yaln\u0131zca gerekli portlar\u0131 (\u00f6rne\u011fin, SSH i\u00e7in 22 ve HTTP i\u00e7in 80 veya HTTPS i\u00e7in 443) a\u00e7mal\u0131s\u0131n\u0131z.  G\u00fcvenli\u011finiz i\u00e7in bu \u00e7ok \u00f6nemlidir.  Son olarak, \u00f6rne\u011finizi ba\u015flat\u0131n ve  IP adresini not edin.  Bu adres, SSH ile sunucuya ba\u011flanmak i\u00e7in gereklidir. <\/p>\n<h2>3. SSH ile Sunucuya Ba\u011flanma ve Ubuntu Kurulumu<\/h2>\n<p>EC2 \u00f6rne\u011finiz \u00e7al\u0131\u015fmaya ba\u015flad\u0131ktan sonra, SSH kullanarak sunucuya ba\u011flanabilirsiniz.  SSH istemcinizi kullanarak, \u00f6rne\u011fin IP adresini ve kullan\u0131c\u0131 ad\u0131n\u0131z\u0131 girerek sunucuya eri\u015febilirsiniz.  SSH anahtar \u00e7iftini \u00f6nceden olu\u015fturman\u0131z ve sunucuya y\u00fcklemeniz \u00f6nerilir.   Sunucuya ba\u011fland\u0131ktan sonra, gerekli paketleri y\u00fcklemeniz gerekecektir.  <code>sudo apt update<\/code> ve <code>sudo apt upgrade<\/code> komutlar\u0131 ile sisteminizi g\u00fcncelleyin. Node.js ve npm&#8217;yi y\u00fcklemek i\u00e7in a\u015fa\u011f\u0131daki komutlar\u0131 kullanabilirsiniz:<\/p>\n<pre><code class=\"language-bash\">sudo apt install curl\ncurl -fsSL https:\/\/deb.nodesource.com\/setup_16.x | sudo -E bash -\nsudo apt-get install -y nodejs\nsudo apt-get install npm<\/pre>\n<p><\/code><\/p>\n<p>Bu i\u015flemlerden sonra, Node.js ve npm ba\u015far\u0131yla kurulmu\u015f olacakt\u0131r.  Kurulumun ba\u015far\u0131l\u0131 olup olmad\u0131\u011f\u0131n\u0131 do\u011frulamak i\u00e7in <code>node -v<\/code> ve <code>npm -v<\/code> komutlar\u0131n\u0131 kullanabilirsiniz.<\/p>\n<h2>4. React Uygulamas\u0131n\u0131n Haz\u0131rlanmas\u0131 ve Da\u011f\u0131t\u0131m\u0131<\/h2>\n<p>React uygulaman\u0131z\u0131n \u00fcretim s\u00fcr\u00fcm\u00fcn\u00fc olu\u015fturman\u0131z gerekiyor. Bu genellikle <code>npm run build<\/code> komutu ile yap\u0131l\u0131r. Olu\u015fturulan <code>build<\/code> klas\u00f6r\u00fc, sunucuya kopyalanacakt\u0131r.  Bu klas\u00f6r\u00fc sunucuya \u00e7e\u015fitli yollarla aktarabilirsiniz.  \u00d6rne\u011fin, <code>scp<\/code> komutu veya <code>rsync<\/code> gibi ara\u00e7lar\u0131 kullanabilirsiniz.   <code>scp<\/code> kullanarak  yerel makinenizdeki <code>build<\/code> klas\u00f6r\u00fcn\u00fc sunucuya kopyalayal\u0131m:<\/p>\n<pre><code class=\"language-bash\">scp -r .\/build ubuntu@<sunucu_ip_adresi>:\/var\/www\/html\/<\/pre>\n<p><\/code><\/p>\n<p>Burada <code><sunucu_ip_adresi><\/code> yerine sunucunuzun IP adresini yazmal\u0131s\u0131n\u0131z.  <code>\/var\/www\/html\/<\/code> dizini genellikle web sunucusunun bellek alan\u0131d\u0131r.  Bu yolu kendi tercihinize g\u00f6re de\u011fi\u015ftirebilirsiniz.  Kopyalama i\u015flemi tamamland\u0131ktan sonra, sunucunuzdaki web sunucusunun (\u00f6rne\u011fin, Nginx) bu dizini i\u015faret etti\u011finden emin olman\u0131z gerekecektir. <\/p>\n<h2>5. Nginx Kurulumu ve Yap\u0131land\u0131rmas\u0131<\/h2>\n<p>Nginx, performansl\u0131 ve g\u00fcvenilir bir ters proxy sunucusudur. React uygulaman\u0131z i\u00e7in Nginx'i kullanarak performans\u0131 art\u0131rabilir ve g\u00fcvenli\u011fi sa\u011flayabilirsiniz. Nginx'i a\u015fa\u011f\u0131daki komutla y\u00fckleyebilirsiniz:<\/p>\n<pre><code class=\"language-bash\">sudo apt-get install nginx<\/pre>\n<p><\/code><\/p>\n<p> Ard\u0131ndan, Nginx'in yap\u0131land\u0131rma dosyas\u0131n\u0131 d\u00fczenleyerek  React uygulaman\u0131z\u0131n bulundu\u011fu dizini belirtmeniz gerekecektir. <code>\/etc\/nginx\/sites-available\/default<\/code> dosyas\u0131n\u0131 d\u00fczenleyin ve a\u015fa\u011f\u0131daki gibi ayarlay\u0131n:<\/p>\n<pre><code class=\"language-nginx\">server {\n    listen 80;\n    listen [::]:80;\n    server_name <sunucu_ip_adresi>;\n    root \/var\/www\/html;\n    index index.html;\n\n    location \/ {\n        try_files $uri $uri\/ \/index.html;\n    }\n}<\/pre>\n<p><\/code><\/p>\n<p>Burada <code><sunucu_ip_adresi><\/code> yerine sunucunuzun IP adresini yazmal\u0131s\u0131n\u0131z. De\u011fi\u015fiklikleri kaydedip Nginx'i yeniden ba\u015flat\u0131n: <code>sudo systemctl restart nginx<\/code>. \u015eimdi uygulaman\u0131z eri\u015filebilir olmal\u0131d\u0131r.<\/p>\n<h2>6. G\u00fcvenlik \u00d6nlemleri<\/h2>\n<p>Dikkat!  G\u00fcvenlik, bulut tabanl\u0131 uygulamalar\u0131n\u0131z i\u00e7in son derece \u00f6nemlidir.  \u00d6ncelikle, g\u00fc\u00e7l\u00fc ve benzersiz parolalar kullanmal\u0131s\u0131n\u0131z.  SSH anahtar \u00e7iftlerini kullanarak parola gerekmeden sunucuya ba\u011flanmay\u0131 tercih edin.  G\u00fcvenlik duvar\u0131n\u0131z\u0131 do\u011fru \u015fekilde yap\u0131land\u0131rarak yaln\u0131zca gerekli portlar\u0131 a\u00e7\u0131k tutmal\u0131s\u0131n\u0131z.  D\u00fczenli g\u00fcncellemeler yaparak g\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 ortadan kald\u0131rmal\u0131s\u0131n\u0131z.  Ayr\u0131ca, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini sa\u011flamak i\u00e7in  uygun g\u00fcvenlik \u00f6nlemlerini almal\u0131s\u0131n\u0131z (\u00f6rne\u011fin,  kimlik do\u011frulama ve yetkilendirme). Daha fazla bilgi i\u00e7in (https:\/\/fatihsoysal.com) inceleyebilirsiniz.<\/p>\n<h2>7.  Performans Optimizasyonu<\/h2>\n<p>Uygulaman\u0131z\u0131n performans\u0131n\u0131 optimize etmek i\u00e7in birka\u00e7 ad\u0131m atabilirsiniz. \u00d6rne\u011fin,  resminizi optimize ederek ve gereksiz dosyalar\u0131 kald\u0131rarak boyutunu k\u00fc\u00e7\u00fcltebilirsiniz.  Uygulaman\u0131z\u0131n \u00f6nbelle\u011fe al\u0131nmas\u0131n\u0131 sa\u011flayarak h\u0131zl\u0131 y\u00fcklenme s\u00fcreleri elde edebilirsiniz.  CDN (Content Delivery Network) kullanarak i\u00e7eri\u011finizi d\u00fcnya genelinde da\u011f\u0131tabilirsiniz. Ayr\u0131ca,  uygun bir \u00f6rnek tipi se\u00e7erek ve gerekti\u011finde \u00f6rnek say\u0131s\u0131n\u0131 \u00f6l\u00e7eklendirerek performans\u0131 art\u0131rabilirsiniz. <\/p>\n<h2>8. \u00d6\u011frenme Yol Haritas\u0131<\/h2>\n<table>\n<tr>\n<th>Seviye<\/th>\n<th>Konular<\/th>\n<th>\u00d6neriler<\/th>\n<\/tr>\n<tr>\n<td>Yeni Ba\u015flayan<\/td>\n<td>AWS hesab\u0131 olu\u015fturma, EC2 \u00f6rne\u011fi ba\u015flatma, temel Linux komutlar\u0131, Node.js ve npm kurulumu, React uygulamas\u0131 olu\u015fturma<\/td>\n<td>AWS belgelendirmelerini inceleyin, basit bir React uygulamas\u0131 geli\u015ftirin, online e\u011fitimler al\u0131n.<\/td>\n<\/tr>\n<tr>\n<td>Orta<\/td>\n<td>Nginx kurulumu ve yap\u0131land\u0131rmas\u0131, SSH kullan\u0131m\u0131, g\u00fcvenlik duvar\u0131 ayarlar\u0131, temel performans optimizasyon teknikleri,  React uygulamas\u0131n\u0131n da\u011f\u0131t\u0131m\u0131<\/td>\n<td>Daha karma\u015f\u0131k React uygulamalar\u0131 geli\u015ftirin, farkl\u0131 da\u011f\u0131t\u0131m y\u00f6ntemlerini deneyin,  loglar\u0131 analiz ederek sorunlar\u0131 \u00e7\u00f6zmeyi \u00f6\u011frenin.<\/td>\n<\/tr>\n<tr>\n<td>\u0130leri D\u00fczey<\/td>\n<td>Otomatik da\u011f\u0131t\u0131m sistemleri (\u00f6rne\u011fin, CI\/CD),  bulut tabanl\u0131 veri tabanlar\u0131 kullan\u0131m\u0131,  \u00f6l\u00e7eklenebilirlik ve y\u00fcksek eri\u015filebilirlik mimarileri,  performans testi ve optimizasyonu,  g\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 tespit etme ve giderme<\/td>\n<td>Karma\u015f\u0131k mimariler tasarlay\u0131n,  performans testleri yap\u0131n,  g\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 bulmak i\u00e7in ara\u00e7lar kullan\u0131n,  AWS'nin geli\u015fmi\u015f hizmetlerini ke\u015ffedin.<\/td>\n<\/tr>\n<\/table>\n<h2>9. Sonu\u00e7 ve S\u0131k\u00e7a Sorulan Sorular<\/h2>\n<p>Bu makalede, React uygulaman\u0131z\u0131 AWS \u00fczerinde bir Ubuntu sunucusuna da\u011f\u0131tman\u0131n temel ad\u0131mlar\u0131n\u0131 \u00f6\u011frendiniz.  Ancak, unutmay\u0131n ki bu yaln\u0131zca ba\u015flang\u0131\u00e7 noktas\u0131d\u0131r.  Uygulaman\u0131z\u0131n \u00f6zel gereksinimlerine g\u00f6re, daha fazla ince ayar yapman\u0131z gerekebilir.  Performans, g\u00fcvenlik ve \u00f6l\u00e7eklenebilirlik, her zaman \u00f6ncelikli olmal\u0131d\u0131r.<\/p>\n<h3>S\u0131k\u00e7a Sorulan Sorular:<\/h3>\n<ul>\n<li><strong>Soru:<\/strong>  Hata al\u0131rsam ne yapmal\u0131y\u0131m?  <strong>Cevap:<\/strong>  Hata mesajlar\u0131n\u0131 dikkatlice inceleyin.  Google veya Stack Overflow gibi kaynaklardan yard\u0131m al\u0131n.  Log dosyalar\u0131n\u0131 kontrol edin.<\/li>\n<li><strong>Soru:<\/strong>  Uygulamam yava\u015f \u00e7al\u0131\u015f\u0131yorsa ne yapmal\u0131y\u0131m?  <strong>Cevap:<\/strong>  Performans optimizasyon tekniklerini uygulay\u0131n.  \u00d6rne\u011fin,  resminizi optimize edin, \u00f6nbelle\u011fe alma kullan\u0131n, CDN kullan\u0131n.<\/li>\n<li><strong>Soru:<\/strong>  Uygulamam g\u00fcvenli de\u011filse ne yapmal\u0131y\u0131m?  <strong>Cevap:<\/strong>  G\u00fcvenlik \u00f6nlemlerini s\u0131k\u0131la\u015ft\u0131r\u0131n.  G\u00fc\u00e7l\u00fc parolalar kullan\u0131n,  SSH anahtar \u00e7iftlerini kullan\u0131n, g\u00fcvenlik duvar\u0131n\u0131z\u0131 do\u011fru \u015fekilde yap\u0131land\u0131r\u0131n.<\/li>\n<li><strong>Soru:<\/strong>  Uygulamam\u0131 nas\u0131l \u00f6l\u00e7eklendirebilirim?  <strong>Cevap:<\/strong>  AWS'nin \u00f6l\u00e7eklendirme hizmetlerini kullan\u0131n.  \u00d6rne\u011fin,  Auto Scaling kullanarak \u00f6rnek say\u0131s\u0131n\u0131 otomatik olarak art\u0131rabilirsiniz.<\/li>\n<li><strong>Soru:<\/strong> Daha fazla bilgi nereden alabilirim? <strong>Cevap:<\/strong> AWS ve React dok\u00fcmantasyonlar\u0131n\u0131 inceleyin.  Online e\u011fitim platformlar\u0131n\u0131 kullan\u0131n.  Stack Overflow ve benzeri forumlarda sorular sorun.\n  <\/li>\n<\/ul>\n<p>Yazar: Fatih Soysal<\/p>\n","protected":false},"excerpt":{"rendered":"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta] Bir React uygulamas\u0131n\u0131 geli\u015ftirmek heyecan verici bir deneyimdir, ancak ger\u00e7ek&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-28198","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 Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]<\/title>\n<meta name=\"description\" content=\"Bir React uygulamas\u0131n\u0131 geli\u015ftirmek heyecan verici bir deneyimdir, ancak ger\u00e7ek d\u00fcnyada kullan\u0131labilmesi i\u00e7in buluta da\u011f\u0131t\u0131lmas\u0131 gerekir. Bu makale, AWS \u00fczerinde bir Ubuntu web sunucusuna React uygulaman\u0131z\u0131 nas\u0131l da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri d\u00fczey kullan\u0131c\u0131lara kadar herkese uygun bir \u015fekilde a\u00e7\u0131klamaktad\u0131r. AWS&#039;nin sundu\u011fu g\u00fc\u00e7l\u00fc altyap\u0131 ve Ubuntu&#039;nun esnekli\u011fi ile React uygulaman\u0131z\u0131n g\u00fcvenli ve \u00f6l\u00e7eklenebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayaca\u011f\u0131z. 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-ubuntu-sunucusunda-dagitma-1-hafta\/\" \/>\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 Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]\" \/>\n<meta property=\"og:description\" content=\"Bir React uygulamas\u0131n\u0131 geli\u015ftirmek heyecan verici bir deneyimdir, ancak ger\u00e7ek d\u00fcnyada kullan\u0131labilmesi i\u00e7in buluta da\u011f\u0131t\u0131lmas\u0131 gerekir. Bu makale, AWS \u00fczerinde bir Ubuntu web sunucusuna React uygulaman\u0131z\u0131 nas\u0131l da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri d\u00fczey kullan\u0131c\u0131lara kadar herkese uygun bir \u015fekilde a\u00e7\u0131klamaktad\u0131r. AWS&#039;nin sundu\u011fu g\u00fc\u00e7l\u00fc altyap\u0131 ve Ubuntu&#039;nun esnekli\u011fi ile React uygulaman\u0131z\u0131n g\u00fcvenli ve \u00f6l\u00e7eklenebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-24T18:00:24+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=\"7 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-ubuntu-sunucusunda-dagitma-1-hafta\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]\",\"datePublished\":\"2025-08-24T18:00:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/\"},\"wordCount\":1304,\"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-ubuntu-sunucusunda-dagitma-1-hafta\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/\",\"name\":\"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-08-24T18:00:24+00:00\",\"description\":\"Bir React uygulamas\u0131n\u0131 geli\u015ftirmek heyecan verici bir deneyimdir, ancak ger\u00e7ek d\u00fcnyada kullan\u0131labilmesi i\u00e7in buluta da\u011f\u0131t\u0131lmas\u0131 gerekir. Bu makale, AWS \u00fczerinde bir Ubuntu web sunucusuna React uygulaman\u0131z\u0131 nas\u0131l da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri d\u00fczey kullan\u0131c\u0131lara kadar herkese uygun bir \u015fekilde a\u00e7\u0131klamaktad\u0131r. AWS'nin sundu\u011fu g\u00fc\u00e7l\u00fc altyap\u0131 ve Ubuntu'nun esnekli\u011fi ile React uygulaman\u0131z\u0131n g\u00fcvenli ve \u00f6l\u00e7eklenebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]\"}]},{\"@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 Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]","description":"Bir React uygulamas\u0131n\u0131 geli\u015ftirmek heyecan verici bir deneyimdir, ancak ger\u00e7ek d\u00fcnyada kullan\u0131labilmesi i\u00e7in buluta da\u011f\u0131t\u0131lmas\u0131 gerekir. Bu makale, AWS \u00fczerinde bir Ubuntu web sunucusuna React uygulaman\u0131z\u0131 nas\u0131l da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri d\u00fczey kullan\u0131c\u0131lara kadar herkese uygun bir \u015fekilde a\u00e7\u0131klamaktad\u0131r. AWS'nin sundu\u011fu g\u00fc\u00e7l\u00fc altyap\u0131 ve Ubuntu'nun esnekli\u011fi ile React uygulaman\u0131z\u0131n g\u00fcvenli ve \u00f6l\u00e7eklenebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayaca\u011f\u0131z. 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-ubuntu-sunucusunda-dagitma-1-hafta\/","og_locale":"tr_TR","og_type":"article","og_title":"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]","og_description":"Bir React uygulamas\u0131n\u0131 geli\u015ftirmek heyecan verici bir deneyimdir, ancak ger\u00e7ek d\u00fcnyada kullan\u0131labilmesi i\u00e7in buluta da\u011f\u0131t\u0131lmas\u0131 gerekir. Bu makale, AWS \u00fczerinde bir Ubuntu web sunucusuna React uygulaman\u0131z\u0131 nas\u0131l da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri d\u00fczey kullan\u0131c\u0131lara kadar herkese uygun bir \u015fekilde a\u00e7\u0131klamaktad\u0131r. AWS'nin sundu\u011fu g\u00fc\u00e7l\u00fc altyap\u0131 ve Ubuntu'nun esnekli\u011fi ile React uygulaman\u0131z\u0131n g\u00fcvenli ve \u00f6l\u00e7eklenebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!","og_url":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-08-24T18:00:24+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]","datePublished":"2025-08-24T18:00:24+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/"},"wordCount":1304,"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-ubuntu-sunucusunda-dagitma-1-hafta\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/","url":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/","name":"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-08-24T18:00:24+00:00","description":"Bir React uygulamas\u0131n\u0131 geli\u015ftirmek heyecan verici bir deneyimdir, ancak ger\u00e7ek d\u00fcnyada kullan\u0131labilmesi i\u00e7in buluta da\u011f\u0131t\u0131lmas\u0131 gerekir. Bu makale, AWS \u00fczerinde bir Ubuntu web sunucusuna React uygulaman\u0131z\u0131 nas\u0131l da\u011f\u0131taca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m, yeni ba\u015flayanlardan ileri d\u00fczey kullan\u0131c\u0131lara kadar herkese uygun bir \u015fekilde a\u00e7\u0131klamaktad\u0131r. AWS'nin sundu\u011fu g\u00fc\u00e7l\u00fc altyap\u0131 ve Ubuntu'nun esnekli\u011fi ile React uygulaman\u0131z\u0131n g\u00fcvenli ve \u00f6l\u00e7eklenebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizi-aws-ubuntu-sunucusunda-dagitma-1-hafta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React Uygulaman\u0131z\u0131 AWS Ubuntu Sunucusunda Da\u011f\u0131tma [1. Hafta]"}]},{"@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\/28198","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=28198"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/28198\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=28198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=28198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=28198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}