{"id":16685,"date":"2025-03-30T15:00:15","date_gmt":"2025-03-30T12:00:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/"},"modified":"2025-03-30T15:00:15","modified_gmt":"2025-03-30T12:00:15","slug":"48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/","title":{"rendered":"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu"},"content":{"rendered":"<p><body><\/p>\n<p>48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu<\/p>\n<p>Merhaba, Fatih Soysal burada.  Ge\u00e7ti\u011fimiz hafta sonu, kendimi bir meydan okumaya adad\u0131m: 48 saat i\u00e7inde Next.js, Zustand ve WebSockets kullanarak fonksiyonel bir Instagram klonu olu\u015fturmak.  Bu s\u00fcre zarf\u0131nda yeni teknolojiler \u00f6\u011frenme f\u0131rsat\u0131 buldum ve sonu\u00e7 olduk\u00e7a heyecan verici oldu.  Bu makalede, bu projeyi nas\u0131l tamamlad\u0131\u011f\u0131m\u0131, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131 ve \u00f6\u011frendiklerimi payla\u015faca\u011f\u0131m.<\/p>\n<h2>Projenin Amac\u0131 ve Teknolojiler<\/h2>\n<p>As\u0131l ama\u00e7, k\u0131sa s\u00fcrede yeni teknolojiler \u00f6\u011frenerek pratik yapmakt\u0131.  Bu y\u00fczden, kapsaml\u0131 bir Instagram klonu de\u011fil, temel fonksiyonlar\u0131 i\u00e7eren minimal bir versiyon hedefledim.  Se\u00e7ti\u011fim teknolojiler ise \u015fu \u015fekilde: <\/p>\n<ul>\n<li><b>Next.js:<\/b>  React tabanl\u0131, server-side rendering (SSR) deste\u011fi sunan bir framework.  Bu sayede performans\u0131 art\u0131rd\u0131m ve SEO optimizasyonu sa\u011flad\u0131m.<\/li>\n<li><b>Zustand:<\/b>  Basit ve performansl\u0131 bir state y\u00f6netim k\u00fct\u00fcphanesi.  Karma\u015f\u0131k state y\u00f6netimini kolayla\u015ft\u0131rarak geli\u015ftirme s\u00fcrecini h\u0131zland\u0131rd\u0131.<\/li>\n<li><b>WebSockets:<\/b>  Ger\u00e7ek zamanl\u0131 ileti\u015fim i\u00e7in ideal bir teknoloji.  Kullan\u0131c\u0131lar\u0131n g\u00f6nderilerini anl\u0131k olarak g\u00f6rmelerini sa\u011flamak i\u00e7in kulland\u0131m.<\/li>\n<\/ul>\n<p>Bu teknolojilerin bir araya gelmesi, h\u0131zl\u0131 ve \u00f6l\u00e7eklenebilir bir uygulama geli\u015ftirmeme olanak sa\u011flad\u0131.  \u00d6zellikle WebSockets entegrasyonu, ger\u00e7ek zamanl\u0131 g\u00fcncellemeleri sa\u011flamak a\u00e7\u0131s\u0131ndan olduk\u00e7a kritikti.  Ayr\u0131ca, bu projede Next.js&#8217;in sundu\u011fu API Routes \u00f6zelli\u011fini kullanarak arka ucu da olduk\u00e7a temiz bir \u015fekilde geli\u015ftirdim.<\/p>\n<h2>Kar\u015f\u0131la\u015f\u0131lan Zorluklar ve \u00c7\u00f6z\u00fcmler<\/h2>\n<p>48 saatlik k\u0131sa s\u00fcre i\u00e7inde baz\u0131 zorluklarla kar\u015f\u0131la\u015ft\u0131m.  \u00d6rne\u011fin, WebSockets entegrasyonu beklenmedik sorunlara yol a\u00e7t\u0131.  Ba\u011flant\u0131 y\u00f6netimi ve hata yakalama gibi konularda ekstra dikkat g\u00f6stermem gerekti.  Bunun yan\u0131 s\u0131ra,  Zustand&#8217;\u0131n state y\u00f6netim felsefesini tam olarak kavramam biraz zaman ald\u0131.  Ancak, bol miktarda online kaynak ve  <a href=\"https:\/\/github.com\/pmndrs\/zustand\">Zustand&#8217;\u0131n resmi dok\u00fcmantasyonu<\/a> sayesinde bu sorunlar\u0131 a\u015ft\u0131m. <\/p>\n<p>Bir di\u011fer zorluk ise, s\u0131n\u0131rl\u0131 zaman i\u00e7inde proje kapsam\u0131n\u0131 belirlemekti.  Ba\u015flang\u0131\u00e7ta eklemek istedi\u011fim baz\u0131 \u00f6zellikler, zaman k\u0131s\u0131tlamas\u0131 nedeniyle proje kapsam\u0131n\u0131n d\u0131\u015f\u0131nda kald\u0131.  \u00d6nceliklendirme yaparak temel fonksiyonlar\u0131 tamamlamaya odakland\u0131m.<\/p>\n<h2>\u00d6\u011frendiklerim ve Sonu\u00e7lar<\/h2>\n<p>Bu proje sayesinde Next.js, Zustand ve WebSockets ile ilgili derinlemesine bilgi edindim.  K\u0131sa s\u00fcrede yeni bir teknolojik y\u0131\u011f\u0131na hakim olman\u0131n \u00f6nemini anlad\u0131m.  Ayr\u0131ca,  proje y\u00f6netimi ve zaman planlama becerilerimi geli\u015ftirme f\u0131rsat\u0131 buldum.   Elbette,  kodu daha temiz ve okunabilir hale getirmek i\u00e7in baz\u0131 iyile\u015ftirmeler yapmak istiyorum.  Ancak,  48 saatlik bir s\u00fcre i\u00e7in elde etti\u011fim sonu\u00e7tan olduk\u00e7a memnunum.<\/p>\n<p>Projenin tamamlanm\u0131\u015f halini GitHub reposunda bulabilirsiniz. (Repo linkini buraya ekleyin)<\/p>\n<h2>Sonu\u00e7 ve Gelecek Planlar<\/h2>\n<p>Bu 48 saatlik deneyim, hem e\u011flenceli hem de olduk\u00e7a verimli ge\u00e7ti. Yeni teknolojileri \u00f6\u011frenirken prati\u011fe d\u00f6kmenin ne kadar \u00f6nemli oldu\u011funu bir kez daha g\u00f6rd\u00fcm.  Gelecekte,  bu Instagram klonunda eksik olan \u00f6zellikleri ekleyip daha geli\u015fmi\u015f bir uygulama haline getirmeyi planl\u0131yorum. Belki de kullan\u0131c\u0131 do\u011frulama, yorum ekleme gibi fonksiyonlar ekleyebilirim.  Ayr\u0131ca, projenin performans\u0131n\u0131 daha da iyile\u015ftirmek i\u00e7in optimizasyon \u00e7al\u0131\u015fmalar\u0131na devam edece\u011fim. Bu konuda daha fazla bilgiye  <a href=\"https:\/\/fatihsoysal.com\">kendi web sitemden<\/a> ula\u015fabilirsiniz. <\/p>\n<p>Umar\u0131m bu makale size faydal\u0131 olmu\u015ftur.  Sorular\u0131n\u0131z veya yorumlar\u0131n\u0131z varsa l\u00fctfen bana bildirin!<\/p>\n<p>#Etiketler: Next.js, Zustand, WebSockets, Instagram klonu, a\u00e7\u0131k kaynak, 48 saat, yaz\u0131l\u0131m geli\u015ftirme, React, JavaScript,  ger\u00e7ek zamanl\u0131, state y\u00f6netimi, API Routes,  SSR,  proje y\u00f6netimi<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu Merhaba, Fatih Soysal burada. Ge\u00e7ti\u011fimiz hafta sonu, kendimi bir&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-16685","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>48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu<\/title>\n<meta name=\"description\" content=\"Merhaba, Fatih Soysal burada. Ge\u00e7ti\u011fimiz hafta sonu, kendimi bir meydan okumaya adad\u0131m: 48 saat i\u00e7inde Next.js, Zustand ve WebSockets kullanarak fonksiyonel bir Instagram klonu olu\u015fturmak. Bu s\u00fcre zarf\u0131nda yeni teknolojiler \u00f6\u011frenme f\u0131rsat\u0131 buldum ve sonu\u00e7 olduk\u00e7a heyecan verici oldu. Bu makalede, bu projeyi nas\u0131l tamamlad\u0131\u011f\u0131m\u0131, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131 ve \u00f6\u011frendiklerimi payla\u015faca\u011f\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\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu\" \/>\n<meta property=\"og:description\" content=\"Merhaba, Fatih Soysal burada. Ge\u00e7ti\u011fimiz hafta sonu, kendimi bir meydan okumaya adad\u0131m: 48 saat i\u00e7inde Next.js, Zustand ve WebSockets kullanarak fonksiyonel bir Instagram klonu olu\u015fturmak. Bu s\u00fcre zarf\u0131nda yeni teknolojiler \u00f6\u011frenme f\u0131rsat\u0131 buldum ve sonu\u00e7 olduk\u00e7a heyecan verici oldu. Bu makalede, bu projeyi nas\u0131l tamamlad\u0131\u011f\u0131m\u0131, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131 ve \u00f6\u011frendiklerimi payla\u015faca\u011f\u0131m.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-30T12:00: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\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu\",\"datePublished\":\"2025-03-30T12:00:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/\"},\"wordCount\":603,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/\",\"name\":\"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-30T12:00:15+00:00\",\"description\":\"Merhaba, Fatih Soysal burada. Ge\u00e7ti\u011fimiz hafta sonu, kendimi bir meydan okumaya adad\u0131m: 48 saat i\u00e7inde Next.js, Zustand ve WebSockets kullanarak fonksiyonel bir Instagram klonu olu\u015fturmak. Bu s\u00fcre zarf\u0131nda yeni teknolojiler \u00f6\u011frenme f\u0131rsat\u0131 buldum ve sonu\u00e7 olduk\u00e7a heyecan verici oldu. Bu makalede, bu projeyi nas\u0131l tamamlad\u0131\u011f\u0131m\u0131, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131 ve \u00f6\u011frendiklerimi payla\u015faca\u011f\u0131m.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu\"}]},{\"@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":"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu","description":"Merhaba, Fatih Soysal burada. Ge\u00e7ti\u011fimiz hafta sonu, kendimi bir meydan okumaya adad\u0131m: 48 saat i\u00e7inde Next.js, Zustand ve WebSockets kullanarak fonksiyonel bir Instagram klonu olu\u015fturmak. Bu s\u00fcre zarf\u0131nda yeni teknolojiler \u00f6\u011frenme f\u0131rsat\u0131 buldum ve sonu\u00e7 olduk\u00e7a heyecan verici oldu. Bu makalede, bu projeyi nas\u0131l tamamlad\u0131\u011f\u0131m\u0131, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131 ve \u00f6\u011frendiklerimi payla\u015faca\u011f\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\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/","og_locale":"tr_TR","og_type":"article","og_title":"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu","og_description":"Merhaba, Fatih Soysal burada. Ge\u00e7ti\u011fimiz hafta sonu, kendimi bir meydan okumaya adad\u0131m: 48 saat i\u00e7inde Next.js, Zustand ve WebSockets kullanarak fonksiyonel bir Instagram klonu olu\u015fturmak. Bu s\u00fcre zarf\u0131nda yeni teknolojiler \u00f6\u011frenme f\u0131rsat\u0131 buldum ve sonu\u00e7 olduk\u00e7a heyecan verici oldu. Bu makalede, bu projeyi nas\u0131l tamamlad\u0131\u011f\u0131m\u0131, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131 ve \u00f6\u011frendiklerimi payla\u015faca\u011f\u0131m.","og_url":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-30T12:00: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\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu","datePublished":"2025-03-30T12:00:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/"},"wordCount":603,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/","url":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/","name":"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-30T12:00:15+00:00","description":"Merhaba, Fatih Soysal burada. Ge\u00e7ti\u011fimiz hafta sonu, kendimi bir meydan okumaya adad\u0131m: 48 saat i\u00e7inde Next.js, Zustand ve WebSockets kullanarak fonksiyonel bir Instagram klonu olu\u015fturmak. Bu s\u00fcre zarf\u0131nda yeni teknolojiler \u00f6\u011frenme f\u0131rsat\u0131 buldum ve sonu\u00e7 olduk\u00e7a heyecan verici oldu. Bu makalede, bu projeyi nas\u0131l tamamlad\u0131\u011f\u0131m\u0131, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131 ve \u00f6\u011frendiklerimi payla\u015faca\u011f\u0131m.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/48-saatte-next-js-zustand-ve-websockets-ile-instagram-klonu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"48 Saatte Next.js, Zustand ve WebSockets ile Instagram Klonu"}]},{"@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\/16685","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=16685"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/16685\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=16685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=16685"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=16685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}