{"id":8403,"date":"2025-01-02T12:15:12","date_gmt":"2025-01-02T09:15:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/"},"modified":"2025-01-02T12:15:12","modified_gmt":"2025-01-02T09:15:12","slug":"kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/","title":{"rendered":"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama"},"content":{"rendered":"<p><body><\/p>\n<p>Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama<\/p>\n<p>Merhaba!  Bug\u00fcn sizlerle Next.js kullanarak nas\u0131l profesyonel bir ki\u015fisel portf\u00f6y olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz.  Next.js, React tabanl\u0131 bir framework olup, performansl\u0131 ve SEO uyumlu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Bu rehberde,  hem temel Next.js konular\u0131na de\u011finecek hem de geli\u015fmi\u015f teknikleri ele alaca\u011f\u0131z.  \u00d6ncelikle, neden Next.js&#8217;yi tercih etmeliyiz, bunu a\u00e7\u0131klayal\u0131m.<\/p>\n<h2>Neden Next.js?<\/h2>\n<p>Next.js&#8217;in sundu\u011fu bir\u00e7ok avantaj var.  \u00d6rne\u011fin;  sunucu taraf\u0131 olu\u015fturma (SSR) sayesinde arama motorlar\u0131 i\u00e7in daha optimize edilmi\u015f bir site olu\u015fturursunuz.  Ayn\u0131 zamanda, performans\u0131 art\u0131ran \u00f6nceden olu\u015fturma (SSG) \u00f6zelli\u011fi de bulunuyor. Bu \u00f6zellikler,  hem ziyaret\u00e7ileriniz i\u00e7in daha h\u0131zl\u0131 bir deneyim hem de arama motorlar\u0131nda daha iyi bir s\u0131ralama sa\u011flar.  Ayr\u0131ca,  yaz\u0131l\u0131m geli\u015ftirme s\u00fcrecini kolayla\u015ft\u0131ran bir\u00e7ok \u00f6nceden yap\u0131land\u0131r\u0131lm\u0131\u015f \u00f6zellik de mevcut.  Bunlar\u0131n yan\u0131 s\u0131ra,  React ile zaten a\u015finaysan\u0131z, \u00f6\u011frenmesi olduk\u00e7a kolay bir framework&#8217;t\u00fcr.  K\u0131sacas\u0131,  modern bir web sitesi geli\u015ftirmek i\u00e7in m\u00fckemmel bir se\u00e7enektir.<\/p>\n<h2>Ad\u0131m Ad\u0131m Next.js Portf\u00f6y Geli\u015ftirme<\/h2>\n<p>\u015eimdi,  bir Next.js ki\u015fisel portf\u00f6y\u00fc nas\u0131l olu\u015fturaca\u011f\u0131m\u0131za bakal\u0131m.  \u0130lk ad\u0131m,  bir Next.js projesi olu\u015fturmak.  Bunu,  terminale <code>npx create-next-app my-portfolio<\/code> yazarak yapabilirsiniz.  Ard\u0131ndan,  projenizi se\u00e7ti\u011finiz bir kod edit\u00f6r\u00fc ile a\u00e7\u0131n.  Sonras\u0131nda,  sayfalar\u0131n\u0131z\u0131 olu\u015fturabilirsiniz.  \u00d6rne\u011fin,  &#8220;Hakk\u0131mda&#8221;, &#8220;Projelerim&#8221;, &#8220;\u0130leti\u015fim&#8221; gibi sayfalar ekleyebilirsiniz.  Bu sayfalar\u0131 olu\u015ftururken,  React bile\u015fenlerini kullanabilir ve verilerinizi y\u00f6netmek i\u00e7in state management \u00e7\u00f6z\u00fcmlerinden faydalanabilirsiniz.<\/p>\n<p>Projenizin g\u00f6rsel tasar\u0131m\u0131n\u0131 olu\u015fturmak i\u00e7in,  CSS veya bir CSS framework&#8217;\u00fc (\u00f6rne\u011fin, Tailwind CSS) kullanabilirsiniz.  Benzer \u015fekilde,  proje resimlerinizi ve bilgilerinizi g\u00f6stermek i\u00e7in bile\u015fenler olu\u015fturabilirsiniz.   Bu bile\u015fenler sayesinde projenizin i\u00e7eri\u011fini d\u00fczenlemek \u00e7ok kolay olacakt\u0131r.  Unutmay\u0131n,  temiz ve d\u00fczenli bir kod yap\u0131s\u0131,  gelecekte geli\u015ftirme ve bak\u0131m i\u015flemlerini kolayla\u015ft\u0131racakt\u0131r.<\/p>\n<p>Projelerinizi sergilemek i\u00e7in,  her bir proje i\u00e7in ayr\u0131 bir bile\u015fen olu\u015fturabilirsiniz.  Bu bile\u015fenlerde,  projenin ad\u0131,  a\u00e7\u0131klamas\u0131,  kullan\u0131lan teknolojiler ve ba\u011flant\u0131s\u0131 gibi bilgileri g\u00f6stermelisiniz.  \u00d6rne\u011fin,  bir proje i\u00e7in \u015f\u00f6yle bir bile\u015fen olu\u015fturabilirsiniz:<\/p>\n<pre><code>\n&lt;div className=\"project\"&gt;\n  &lt;h2&gt;Proje Ad\u0131&lt;\/h2&gt;\n  &lt;p&gt;Proje A\u00e7\u0131klamas\u0131&lt;\/p&gt;\n  &lt;a href=\"proje-linki\"&gt;Proje Ba\u011flant\u0131s\u0131&lt;\/a&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>Ayr\u0131ca,  SEO optimizasyonu i\u00e7in  <code>&lt;head&gt;<\/code>  b\u00f6l\u00fcm\u00fcnde gerekli meta etiketlerini eklemeyi unutmay\u0131n.  Ba\u015fl\u0131k etiketleri,  a\u00e7\u0131klama meta etiketleri ve anahtar kelime etiketleri gibi.  Bu,  arama motorlar\u0131nda daha iyi s\u0131ralamalara ula\u015fman\u0131za yard\u0131mc\u0131 olur.  Burada,  Yoast SEO gibi ara\u00e7lar i\u015finize yarayabilir.  Ek olarak,  uygulaman\u0131z\u0131n performans\u0131n\u0131 geli\u015ftirmek i\u00e7in Next.js&#8217;in optimize edilmi\u015f \u00f6zellikleri ile \u00e7al\u0131\u015fmal\u0131s\u0131n\u0131z.<\/p>\n<h2>Geli\u015fmi\u015f \u00d6zellikler<\/h2>\n<p>\u0130leri seviyede,  Next.js&#8217;in sunmu\u015f oldu\u011fu API Routes,  verilerinizi sunucu taraf\u0131nda i\u015flemek ve dinamik sayfalar olu\u015fturmak i\u00e7in kullan\u0131labilir.  Bu sayede,  kullan\u0131c\u0131lar i\u00e7in \u00f6zelle\u015ftirilmi\u015f i\u00e7erik sunabilir ve veritaban\u0131 entegrasyonu ger\u00e7ekle\u015ftirebilirsiniz.  Benim  <a href=\"https:\/\/fatihsoysal.com\">ki\u015fisel web sitem<\/a> de benzer bir yap\u0131y\u0131 kullan\u0131yorum ve  Next.js ile olduk\u00e7a memnunum.  Son olarak,  uygulaman\u0131z\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc iyile\u015ftirmek i\u00e7in,  uygun bir tasar\u0131m dili ve bile\u015fen kitapl\u0131\u011f\u0131 se\u00e7mek \u00f6nemlidir.<\/p>\n<p>Bu rehberde Next.js ile ki\u015fisel portf\u00f6y geli\u015ftirmenin temel ad\u0131mlar\u0131n\u0131 anlatt\u0131m. Daha fazla bilgi i\u00e7in,  <a href=\"https:\/\/nextjs.org\/docs\">Next.js resmi d\u00f6k\u00fcmantasyonuna<\/a> g\u00f6z atabilirsiniz.  Ayr\u0131ca,  ba\u015fka bir\u00e7ok kaynak da bu konuda size yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Next.js, ki\u015fisel portf\u00f6y\u00fcn\u00fcz\u00fc olu\u015fturmak i\u00e7in g\u00fc\u00e7l\u00fc ve kullan\u0131m\u0131 kolay bir frameworkt\u00fcr.  Bu rehberi kullanarak,  kendi \u00f6zelle\u015ftirilmi\u015f ve performansl\u0131 portf\u00f6y\u00fcn\u00fcz\u00fc olu\u015fturabilirsiniz. Ba\u015far\u0131lar dilerim!<\/p>\n<p>#Etiketler: Next.js, ki\u015fisel portf\u00f6y, web geli\u015ftirme, React, JavaScript, programlama, portfolio, web sitesi, SEO, SSR, SSG, Fatih Soysal<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama Merhaba! Bug\u00fcn sizlerle Next.js kullanarak nas\u0131l profesyonel bir ki\u015fisel portf\u00f6y&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-8403","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>Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama<\/title>\n<meta name=\"description\" content=\"Merhaba! Bug\u00fcn sizlerle Next.js kullanarak nas\u0131l profesyonel bir ki\u015fisel portf\u00f6y olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Next.js, React tabanl\u0131 bir framework olup, performansl\u0131 ve SEO uyumlu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Bu rehberde, hem temel Next.js konular\u0131na de\u011finecek hem de geli\u015fmi\u015f teknikleri ele alaca\u011f\u0131z. \u00d6ncelikle, neden Next.js&#039;yi tercih etmeliyiz, bunu a\u00e7\u0131klayal\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\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bug\u00fcn sizlerle Next.js kullanarak nas\u0131l profesyonel bir ki\u015fisel portf\u00f6y olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Next.js, React tabanl\u0131 bir framework olup, performansl\u0131 ve SEO uyumlu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Bu rehberde, hem temel Next.js konular\u0131na de\u011finecek hem de geli\u015fmi\u015f teknikleri ele alaca\u011f\u0131z. \u00d6ncelikle, neden Next.js&#039;yi tercih etmeliyiz, bunu a\u00e7\u0131klayal\u0131m.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-02T09:15:12+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\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama\",\"datePublished\":\"2025-01-02T09:15:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/\"},\"wordCount\":699,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/\",\"name\":\"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-01-02T09:15:12+00:00\",\"description\":\"Merhaba! Bug\u00fcn sizlerle Next.js kullanarak nas\u0131l profesyonel bir ki\u015fisel portf\u00f6y olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Next.js, React tabanl\u0131 bir framework olup, performansl\u0131 ve SEO uyumlu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Bu rehberde, hem temel Next.js konular\u0131na de\u011finecek hem de geli\u015fmi\u015f teknikleri ele alaca\u011f\u0131z. \u00d6ncelikle, neden Next.js'yi tercih etmeliyiz, bunu a\u00e7\u0131klayal\u0131m.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama\"}]},{\"@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":"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama","description":"Merhaba! Bug\u00fcn sizlerle Next.js kullanarak nas\u0131l profesyonel bir ki\u015fisel portf\u00f6y olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Next.js, React tabanl\u0131 bir framework olup, performansl\u0131 ve SEO uyumlu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Bu rehberde, hem temel Next.js konular\u0131na de\u011finecek hem de geli\u015fmi\u015f teknikleri ele alaca\u011f\u0131z. \u00d6ncelikle, neden Next.js'yi tercih etmeliyiz, bunu a\u00e7\u0131klayal\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\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/","og_locale":"tr_TR","og_type":"article","og_title":"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama","og_description":"Merhaba! Bug\u00fcn sizlerle Next.js kullanarak nas\u0131l profesyonel bir ki\u015fisel portf\u00f6y olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Next.js, React tabanl\u0131 bir framework olup, performansl\u0131 ve SEO uyumlu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Bu rehberde, hem temel Next.js konular\u0131na de\u011finecek hem de geli\u015fmi\u015f teknikleri ele alaca\u011f\u0131z. \u00d6ncelikle, neden Next.js'yi tercih etmeliyiz, bunu a\u00e7\u0131klayal\u0131m.","og_url":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-01-02T09:15:12+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\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama","datePublished":"2025-01-02T09:15:12+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/"},"wordCount":699,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/","url":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/","name":"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-01-02T09:15:12+00:00","description":"Merhaba! Bug\u00fcn sizlerle Next.js kullanarak nas\u0131l profesyonel bir ki\u015fisel portf\u00f6y olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Next.js, React tabanl\u0131 bir framework olup, performansl\u0131 ve SEO uyumlu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in ideal bir \u00e7\u00f6z\u00fcmd\u00fcr. Bu rehberde, hem temel Next.js konular\u0131na de\u011finecek hem de geli\u015fmi\u015f teknikleri ele alaca\u011f\u0131z. \u00d6ncelikle, neden Next.js'yi tercih etmeliyiz, bunu a\u00e7\u0131klayal\u0131m.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/kisisel-portfoy-gelistirme-next-js-ile-ileri-seviye-uygulama\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ki\u015fisel Portf\u00f6y Geli\u015ftirme: Next.js ile \u0130leri Seviye Uygulama"}]},{"@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\/8403","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=8403"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8403\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=8403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=8403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=8403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}