{"id":13961,"date":"2025-03-02T03:30:15","date_gmt":"2025-03-02T00:30:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/"},"modified":"2025-03-02T03:30:15","modified_gmt":"2025-03-02T00:30:15","slug":"modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/","title":{"rendered":"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS"},"content":{"rendered":"<p><body><\/p>\n<p>Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS<\/p>\n<p>Merhaba! Fatih Soysal olarak, bug\u00fcn size Next.js, MDX ve Tailwind CSS kullanarak modern ve performansl\u0131 bir blog olu\u015fturman\u0131n heyecan verici yolculu\u011funa \u00e7\u0131kaca\u011f\u0131z.  Bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131n birle\u015fimiyle, hem geli\u015ftirme deneyimini hem de nihai kullan\u0131c\u0131 deneyimini optimize edece\u011fiz.  Ba\u015flang\u0131\u00e7 seviyesinden ileri seviyeye kadar herkesin anlayabilece\u011fi bir anlat\u0131mla, ad\u0131m ad\u0131m ilerleyece\u011fiz.<\/p>\n<h2>Neden Next.js, MDX ve Tailwind CSS?<\/h2>\n<p>\u00d6ncelikle, neden bu \u00fc\u00e7 teknolojiyi bir araya getirdi\u011fimizi a\u00e7\u0131klayal\u0131m.  Next.js, React tabanl\u0131 bir framework olup, performans odakl\u0131 ve SEO dostu web uygulamalar\u0131 olu\u015fturmam\u0131z\u0131 sa\u011fl\u0131yor.  Bununla birlikte,  sunucu taraf\u0131 olu\u015fturma (SSR) ve statik site olu\u015fturma (SSG) gibi geli\u015fmi\u015f \u00f6zellikleri sunuyor.  Sonu\u00e7 olarak, h\u0131zl\u0131 y\u00fckleme s\u00fcreleri ve m\u00fckemmel SEO performans\u0131 elde ediyoruz.  MDX ise, Markdown&#8217;a JavaScript ve React bile\u015fenleri ekleyebilmemizi sa\u011flayan bir dil. B\u00f6ylece, i\u00e7eri\u011fimizi zenginle\u015ftirerek, etkile\u015fimli unsurlar ekleyebiliyoruz.  Son olarak, Tailwind CSS, \u00f6zelle\u015ftirilebilir ve h\u0131zl\u0131 bir CSS framework&#8217;\u00fc olup, modern ve duyarl\u0131 tasar\u0131mlar olu\u015fturmam\u0131z\u0131 kolayla\u015ft\u0131r\u0131yor. <\/p>\n<h2>Proje Kurulumu ve Yap\u0131land\u0131rma<\/h2>\n<p>\u0130lk ad\u0131m olarak, projemizi olu\u015fturmam\u0131z gerekiyor.  Bunun i\u00e7in, Next.js&#8217;i kullanarak yeni bir proje ba\u015flataca\u011f\u0131z.  A\u015fa\u011f\u0131daki komutu kullanabilirsiniz:<\/p>\n<pre><code class=\"language-bash\">npx create-next-app my-blog --use-npm\n<\/code><\/pre>\n<p>Proje olu\u015fturulduktan sonra, MDX deste\u011fini eklememiz gerekiyor.  Bunun i\u00e7in, <code>next-mdx-remote<\/code> paketini kuraca\u011f\u0131z:<\/p>\n<pre><code class=\"language-bash\">npm install next-mdx-remote remark-gfm rehype-slug\n<\/code><\/pre>\n<p>Ard\u0131ndan, Tailwind CSS&#8217;i entegre edece\u011fiz.  Tailwind CSS&#8217;in resmi dok\u00fcmanlar\u0131n\u0131 takip ederek, bunu kolayca yapabilirsiniz.  <a href=\"https:\/\/tailwindcss.com\/docs\/guides\/nextjs\">Tailwind CSS Next.js Entegrasyonu<\/a> bu konuda size yard\u0131mc\u0131 olacakt\u0131r.  Bu ad\u0131mlar tamamland\u0131ktan sonra, blog yaz\u0131lar\u0131m\u0131z\u0131 olu\u015fturmaya ba\u015flayabiliriz.<\/p>\n<h2>Blog Yaz\u0131s\u0131 Olu\u015fturma ve G\u00f6r\u00fcnt\u00fcleme<\/h2>\n<p>MDX dosyalar\u0131n\u0131 kullanarak blog yaz\u0131lar\u0131m\u0131z\u0131 olu\u015fturaca\u011f\u0131z.  \u00d6rne\u011fin,  <code>pages\/posts\/ilk-yazim.mdx<\/code> gibi bir dosya olu\u015fturabilir ve i\u00e7eri\u011fimizi Markdown dilinde yazabiliriz.  Next.js&#8217;in sayfa y\u00f6nlendirme sistemini kullanarak, bu yaz\u0131lar\u0131 g\u00f6r\u00fcnt\u00fcleyebiliriz.  Bu noktada,  <code>next-mdx-remote<\/code> paketi, MDX i\u00e7eri\u011fimizi render etmemizi sa\u011flayacakt\u0131r.  Daha detayl\u0131 bilgi i\u00e7in <a href=\"https:\/\/github.com\/hashicorp\/next-mdx-remote\">next-mdx-remote Github Repo<\/a> sayfas\u0131n\u0131 ziyaret edebilirsiniz.<\/p>\n<p>\u00d6rnek bir MDX dosyas\u0131 \u015f\u00f6yle olabilir:<\/p>\n<pre><code class=\"language-mdx\">\n---\ntitle: \u0130lk Yaz\u0131m\ndate: 2024-10-27\n---\n\n# Merhaba D\u00fcnya!\n\nBu benim ilk blog yaz\u0131m.\n<\/code><\/pre>\n<p>Bu yaz\u0131y\u0131 g\u00f6r\u00fcnt\u00fclemek i\u00e7in, Next.js&#8217;in dinamik sayfa y\u00f6nlendirme \u00f6zelli\u011fini kullanarak, ilgili sayfay\u0131 olu\u015fturmam\u0131z gerekecektir. Bu sayfada, <code>next-mdx-remote<\/code> ile i\u00e7eri\u011fi render edece\u011fiz.<\/p>\n<h2>SEO Optimizasyonu<\/h2>\n<p>Son olarak, SEO optimizasyonunu unutmamal\u0131y\u0131z. Next.js,  SEO dostu bir framework oldu\u011fu i\u00e7in,  <code>&lt;Head&gt;<\/code> bile\u015feni i\u00e7erisinde meta a\u00e7\u0131klamalar ve ba\u015fl\u0131k etiketleri ekleyerek SEO performans\u0131n\u0131 art\u0131rabiliriz.  Bunun yan\u0131nda,  yaz\u0131lar\u0131n\u0131z\u0131 ilgili anahtar kelimeler ile zenginle\u015ftirmek olduk\u00e7a \u00f6nemlidir.  Kendi siteniz olan <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a>\u2019da bu konuya daha detayl\u0131 de\u011finmi\u015ftim.  <\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Next.js, MDX ve Tailwind CSS kullanarak modern ve performansl\u0131 bir blog olu\u015fturmak olduk\u00e7a kolayd\u0131r. Bu rehberde, temel ad\u0131mlar\u0131 anlatt\u0131k.  Daha detayl\u0131 bilgi i\u00e7in,  kullan\u0131lan paketlerin dok\u00fcmanlar\u0131n\u0131 inceleyebilirsiniz.  Umar\u0131m bu makale size yard\u0131mc\u0131 olmu\u015ftur.  Herhangi bir sorunuz varsa, l\u00fctfen yorumlarda belirtmekten \u00e7ekinmeyin!<\/p>\n<p><b>Not:<\/b> Bu makalede yer alan kod \u00f6rnekleri ve a\u00e7\u0131klamalar,  \u00f6nemli \u00f6l\u00e7\u00fcde sadele\u015ftirilmi\u015ftir.  Ger\u00e7ek bir uygulamada daha fazla kod ve konfig\u00fcrasyon gerekebilir. <\/p>\n<p>#Etiketler: Next.js, MDX, Tailwind CSS, Blog, Web Geli\u015ftirme, React, JavaScript, SEO, Performans, Modern Blog, Statik Site Olu\u015fturma, Sunucu Taraf\u0131 Olu\u015fturma,  SSR, SSG, Markdown<br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS Merhaba! Fatih Soysal olarak, bug\u00fcn size Next.js, MDX ve&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-13961","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>Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal olarak, bug\u00fcn size Next.js, MDX ve Tailwind CSS kullanarak modern ve performansl\u0131 bir blog olu\u015fturman\u0131n heyecan verici yolculu\u011funa \u00e7\u0131kaca\u011f\u0131z. Bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131n birle\u015fimiyle, hem geli\u015ftirme deneyimini hem de nihai kullan\u0131c\u0131 deneyimini optimize edece\u011fiz. Ba\u015flang\u0131\u00e7 seviyesinden ileri seviyeye kadar herkesin anlayabilece\u011fi bir anlat\u0131mla, ad\u0131m ad\u0131m ilerleyece\u011fiz.\" \/>\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\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal olarak, bug\u00fcn size Next.js, MDX ve Tailwind CSS kullanarak modern ve performansl\u0131 bir blog olu\u015fturman\u0131n heyecan verici yolculu\u011funa \u00e7\u0131kaca\u011f\u0131z. Bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131n birle\u015fimiyle, hem geli\u015ftirme deneyimini hem de nihai kullan\u0131c\u0131 deneyimini optimize edece\u011fiz. Ba\u015flang\u0131\u00e7 seviyesinden ileri seviyeye kadar herkesin anlayabilece\u011fi bir anlat\u0131mla, ad\u0131m ad\u0131m ilerleyece\u011fiz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-02T00:30:15+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\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS\",\"datePublished\":\"2025-03-02T00:30:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/\"},\"wordCount\":596,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/\",\"name\":\"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-02T00:30:15+00:00\",\"description\":\"Merhaba! Fatih Soysal olarak, bug\u00fcn size Next.js, MDX ve Tailwind CSS kullanarak modern ve performansl\u0131 bir blog olu\u015fturman\u0131n heyecan verici yolculu\u011funa \u00e7\u0131kaca\u011f\u0131z. Bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131n birle\u015fimiyle, hem geli\u015ftirme deneyimini hem de nihai kullan\u0131c\u0131 deneyimini optimize edece\u011fiz. Ba\u015flang\u0131\u00e7 seviyesinden ileri seviyeye kadar herkesin anlayabilece\u011fi bir anlat\u0131mla, ad\u0131m ad\u0131m ilerleyece\u011fiz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS\"}]},{\"@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":"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS","description":"Merhaba! Fatih Soysal olarak, bug\u00fcn size Next.js, MDX ve Tailwind CSS kullanarak modern ve performansl\u0131 bir blog olu\u015fturman\u0131n heyecan verici yolculu\u011funa \u00e7\u0131kaca\u011f\u0131z. Bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131n birle\u015fimiyle, hem geli\u015ftirme deneyimini hem de nihai kullan\u0131c\u0131 deneyimini optimize edece\u011fiz. Ba\u015flang\u0131\u00e7 seviyesinden ileri seviyeye kadar herkesin anlayabilece\u011fi bir anlat\u0131mla, ad\u0131m ad\u0131m ilerleyece\u011fiz.","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\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/","og_locale":"tr_TR","og_type":"article","og_title":"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS","og_description":"Merhaba! Fatih Soysal olarak, bug\u00fcn size Next.js, MDX ve Tailwind CSS kullanarak modern ve performansl\u0131 bir blog olu\u015fturman\u0131n heyecan verici yolculu\u011funa \u00e7\u0131kaca\u011f\u0131z. Bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131n birle\u015fimiyle, hem geli\u015ftirme deneyimini hem de nihai kullan\u0131c\u0131 deneyimini optimize edece\u011fiz. Ba\u015flang\u0131\u00e7 seviyesinden ileri seviyeye kadar herkesin anlayabilece\u011fi bir anlat\u0131mla, ad\u0131m ad\u0131m ilerleyece\u011fiz.","og_url":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-02T00:30:15+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\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS","datePublished":"2025-03-02T00:30:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/"},"wordCount":596,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/","url":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/","name":"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-02T00:30:15+00:00","description":"Merhaba! Fatih Soysal olarak, bug\u00fcn size Next.js, MDX ve Tailwind CSS kullanarak modern ve performansl\u0131 bir blog olu\u015fturman\u0131n heyecan verici yolculu\u011funa \u00e7\u0131kaca\u011f\u0131z. Bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131n birle\u015fimiyle, hem geli\u015ftirme deneyimini hem de nihai kullan\u0131c\u0131 deneyimini optimize edece\u011fiz. Ba\u015flang\u0131\u00e7 seviyesinden ileri seviyeye kadar herkesin anlayabilece\u011fi bir anlat\u0131mla, ad\u0131m ad\u0131m ilerleyece\u011fiz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/modern-bir-blog-olusturma-next-js-mdx-ve-tailwind-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Modern Bir Blog Olu\u015fturma: Next.js, MDX ve Tailwind CSS"}]},{"@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\/13961","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=13961"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/13961\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=13961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=13961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=13961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}