{"id":23625,"date":"2025-06-10T11:15:15","date_gmt":"2025-06-10T08:15:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/"},"modified":"2025-06-10T11:15:15","modified_gmt":"2025-06-10T08:15:15","slug":"next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/","title":{"rendered":"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131"},"content":{"rendered":"

<\/p>\n

Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131<\/p>\n

Merhaba! Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand k\u00fct\u00fcphanelerini kullanarak basit fakat g\u00fc\u00e7l\u00fc bir e-ticaret uygulamas\u0131 geli\u015ftirme s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. Bu teknoloji y\u0131\u011f\u0131n\u0131, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in m\u00fckemmel bir kombinasyon sunmaktad\u0131r. \u00d6ncelikle, her bir bile\u015fenin rol\u00fcn\u00fc ve \u00f6nemini anlayal\u0131m. Ard\u0131ndan, uygulama geli\u015ftirme a\u015famalar\u0131na ge\u00e7ece\u011fiz.<\/p>\n

Teknoloji Y\u0131\u011f\u0131n\u0131n\u0131n Avantajlar\u0131<\/h2>\n

Next.js, React tabanl\u0131 bir framework olup, sunucu tarafl\u0131 olu\u015fturma (SSR) ve statik site olu\u015fturma (SSG) gibi \u00f6zelliklerle performans odakl\u0131 ve SEO dostu uygulamalar geli\u015ftirmeyi kolayla\u015ft\u0131r\u0131r. TypeScript, geli\u015ftirme s\u00fcrecini kolayla\u015ft\u0131ran ve hata riskini azaltan g\u00fc\u00e7l\u00fc bir t\u00fcr sistemi sa\u011flar. Shadcn\/ui, haz\u0131r bile\u015fenlerle h\u0131zl\u0131 bir \u015fekilde aray\u00fcz olu\u015fturmam\u0131za olanak tan\u0131yan g\u00fczel ve modern bir UI k\u00fct\u00fcphanesidir. Son olarak, Zustand, React uygulamalar\u0131nda global state y\u00f6netimini basit ve etkili bir \u015fekilde ele alan bir state y\u00f6netim k\u00fct\u00fcphanesidir.<\/p>\n

Uygulama Geli\u015ftirme A\u015famalar\u0131<\/h2>\n

\u00d6ncelikle, projenizi olu\u015fturmak i\u00e7in a\u015fa\u011f\u0131daki komutu kullanabilirsiniz:<\/p>\n

npx create-next-app --typescript my-e-commerce-app<\/code><\/pre>\n
Ard\u0131ndan, gerekli paketleri kurmal\u0131s\u0131n\u0131z:<\/p>\n
npm install shadcn-ui zustand @shadcn\/ui<\/code><\/pre>\n
\u00dcr\u00fcn Listesi:<\/strong>  Shadcn\/ui’nin sa\u011flad\u0131\u011f\u0131 bile\u015fenleri kullanarak, \u00fcr\u00fcn listesini kolayca olu\u015fturabilirsiniz.  Her bir \u00fcr\u00fcn i\u00e7in gerekli bilgileri (isim, fiyat, resim) g\u00f6r\u00fcnt\u00fcleyece\u011fiz.  Bu a\u015famada, Zustand’\u0131 kullanarak \u00fcr\u00fcn verilerini y\u00f6netebiliriz.  \u00dcr\u00fcn detaylar\u0131 sayfas\u0131na y\u00f6nlendirme butonlar\u0131 ekleyerek kullan\u0131c\u0131 deneyimini zenginle\u015ftirebilirsiniz.<\/p>\n
\u00dcr\u00fcn Detay Sayfas\u0131:<\/strong> Se\u00e7ilen \u00fcr\u00fcn\u00fcn detaylar\u0131n\u0131 g\u00f6steren bir sayfa olu\u015fturaca\u011f\u0131z.  Burada, daha detayl\u0131 \u00fcr\u00fcn bilgileri, y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc resimler ve sepete ekleme butonu yer alacakt\u0131r.  Bu sayfada da Zustand’\u0131n state y\u00f6netim yeteneklerini kullanaca\u011f\u0131z.<\/p>\n
Sepet Sayfas\u0131:<\/strong>  Sepete eklenen \u00fcr\u00fcnleri listeleyece\u011fiz.  Kullan\u0131c\u0131lar, burada \u00fcr\u00fcnleri silebilir veya sipari\u015f verebilirler.  Sepet verilerini yine Zustand ile y\u00f6netece\u011fiz.  Bu sayfada toplam fiyat hesaplamalar\u0131 ve sipari\u015f i\u015flemleri i\u00e7in gerekli fonksiyonlar yer alacakt\u0131r.<\/p>\n
Sipari\u015f \u0130\u015flemleri:<\/strong>  Bu k\u0131s\u0131mda, ger\u00e7ek bir e-ticaret uygulamas\u0131nda oldu\u011fu gibi, \u00f6deme entegrasyonu veya mock \u00f6deme sistemi ekleyebilirsiniz.  Bu, uygulaman\u0131n daha ger\u00e7ek\u00e7i bir deneyim sunmas\u0131n\u0131 sa\u011flayacakt\u0131r.  \u00d6deme i\u015flemlerini g\u00fcvenli bir \u015fekilde y\u00f6netmek \u00f6nemlidir.  Bu konu i\u00e7in daha ayr\u0131nt\u0131l\u0131 bir makaleye ihtiyac\u0131n\u0131z olabilir.<\/p>\n
Sonu\u00e7<\/h2>\n
Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand kullanarak basit bir e-ticaret uygulamas\u0131 geli\u015ftirmenin temel ad\u0131mlar\u0131n\u0131 inceledik.  Bu teknoloji y\u0131\u011f\u0131n\u0131, h\u0131zl\u0131, \u00f6l\u00e7eklenebilir ve modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in idealdir. Daha fazla bilgi ve \u00f6rnekler i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.  Unutmay\u0131n ki bu, sadece bir ba\u015flang\u0131\u00e7 noktas\u0131d\u0131r.  Uygulaman\u0131z\u0131 daha da geli\u015ftirmek i\u00e7in bir\u00e7ok \u00f6zellik ekleyebilirsiniz.<\/p>\n
Umar\u0131m bu makale faydal\u0131 olmu\u015ftur. Herhangi bir sorunuz varsa, l\u00fctfen yorum b\u00f6l\u00fcm\u00fcnde sormaktan \u00e7ekinmeyin!<\/p>\n
#Etiketler: Next.js, TypeScript, Shadcn\/ui, Zustand, e-ticaret, online sat\u0131\u015f, React, JavaScript, web geli\u015ftirme,  SSR, SSG, state y\u00f6netimi, UI k\u00fct\u00fcphanesi
\n<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131 Merhaba! Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand k\u00fct\u00fcphanelerini kullanarak…","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-23625","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nNext.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131<\/title>\n<meta name=\"description\" content=\"Merhaba! Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand k\u00fct\u00fcphanelerini kullanarak basit fakat g\u00fc\u00e7l\u00fc bir e-ticaret uygulamas\u0131 geli\u015ftirme s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. Bu teknoloji y\u0131\u011f\u0131n\u0131, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in m\u00fckemmel bir kombinasyon sunmaktad\u0131r. \u00d6ncelikle, her bir bile\u015fenin rol\u00fcn\u00fc ve \u00f6nemini anlayal\u0131m. Ard\u0131ndan, uygulama geli\u015ftirme a\u015famalar\u0131na ge\u00e7ece\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\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand k\u00fct\u00fcphanelerini kullanarak basit fakat g\u00fc\u00e7l\u00fc bir e-ticaret uygulamas\u0131 geli\u015ftirme s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. Bu teknoloji y\u0131\u011f\u0131n\u0131, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in m\u00fckemmel bir kombinasyon sunmaktad\u0131r. \u00d6ncelikle, her bir bile\u015fenin rol\u00fcn\u00fc ve \u00f6nemini anlayal\u0131m. Ard\u0131ndan, uygulama geli\u015ftirme a\u015famalar\u0131na ge\u00e7ece\u011fiz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-10T08:15: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\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131\",\"datePublished\":\"2025-06-10T08:15:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/\"},\"wordCount\":546,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/\",\"name\":\"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-06-10T08:15:15+00:00\",\"description\":\"Merhaba! Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand k\u00fct\u00fcphanelerini kullanarak basit fakat g\u00fc\u00e7l\u00fc bir e-ticaret uygulamas\u0131 geli\u015ftirme s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. Bu teknoloji y\u0131\u011f\u0131n\u0131, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in m\u00fckemmel bir kombinasyon sunmaktad\u0131r. \u00d6ncelikle, her bir bile\u015fenin rol\u00fcn\u00fc ve \u00f6nemini anlayal\u0131m. Ard\u0131ndan, uygulama geli\u015ftirme a\u015famalar\u0131na ge\u00e7ece\u011fiz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131\"}]},{\"@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":"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131","description":"Merhaba! Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand k\u00fct\u00fcphanelerini kullanarak basit fakat g\u00fc\u00e7l\u00fc bir e-ticaret uygulamas\u0131 geli\u015ftirme s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. Bu teknoloji y\u0131\u011f\u0131n\u0131, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in m\u00fckemmel bir kombinasyon sunmaktad\u0131r. \u00d6ncelikle, her bir bile\u015fenin rol\u00fcn\u00fc ve \u00f6nemini anlayal\u0131m. Ard\u0131ndan, uygulama geli\u015ftirme a\u015famalar\u0131na ge\u00e7ece\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\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/","og_locale":"tr_TR","og_type":"article","og_title":"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131","og_description":"Merhaba! Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand k\u00fct\u00fcphanelerini kullanarak basit fakat g\u00fc\u00e7l\u00fc bir e-ticaret uygulamas\u0131 geli\u015ftirme s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. Bu teknoloji y\u0131\u011f\u0131n\u0131, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in m\u00fckemmel bir kombinasyon sunmaktad\u0131r. \u00d6ncelikle, her bir bile\u015fenin rol\u00fcn\u00fc ve \u00f6nemini anlayal\u0131m. Ard\u0131ndan, uygulama geli\u015ftirme a\u015famalar\u0131na ge\u00e7ece\u011fiz.","og_url":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-06-10T08:15: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\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131","datePublished":"2025-06-10T08:15:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/"},"wordCount":546,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/","url":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/","name":"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-06-10T08:15:15+00:00","description":"Merhaba! Bu makalede, Next.js, TypeScript, Shadcn\/ui ve Zustand k\u00fct\u00fcphanelerini kullanarak basit fakat g\u00fc\u00e7l\u00fc bir e-ticaret uygulamas\u0131 geli\u015ftirme s\u00fcrecini ad\u0131m ad\u0131m inceleyece\u011fiz. Bu teknoloji y\u0131\u011f\u0131n\u0131, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in m\u00fckemmel bir kombinasyon sunmaktad\u0131r. \u00d6ncelikle, her bir bile\u015fenin rol\u00fcn\u00fc ve \u00f6nemini anlayal\u0131m. Ard\u0131ndan, uygulama geli\u015ftirme a\u015famalar\u0131na ge\u00e7ece\u011fiz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-typescript-shadcn-ui-zustand-ile-e-ticaret-uygulamasi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Next.js, TypeScript, Shadcn\/ui & Zustand ile E-Ticaret Uygulamas\u0131"}]},{"@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\/23625","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=23625"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/23625\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=23625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=23625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=23625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}