{"id":31441,"date":"2025-10-10T01:01:22","date_gmt":"2025-10-09T22:01:22","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/"},"modified":"2025-10-10T01:01:22","modified_gmt":"2025-10-09T22:01:22","slug":"next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/","title":{"rendered":"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?"},"content":{"rendered":"

Next.js 16 Simplified: .next\/dev Klas\u00f6r\u00fc Ne \u0130\u015fe Yarar?<\/h1>\n

\nNext.js ile modern web uygulamalar\u0131 geli\u015ftirirken, projenizin k\u00f6k dizininde kendili\u011finden olu\u015fan ve \u00e7o\u011fu zaman g\u00f6z ard\u0131 edilen bir klas\u00f6r bulunur: .next\/dev<\/code>. Bu gizemli dizin, geli\u015ftirme s\u00fcrecinizin h\u0131z\u0131n\u0131, verimlili\u011fini ve kesintisiz ak\u0131\u015f\u0131n\u0131 sa\u011flayan kilit bir bile\u015fendir. Peki, bu klas\u00f6r\u00fcn i\u00e7inde neler sakl\u0131 ve Next.js geli\u015ftirme deneyiminizi nas\u0131l do\u011frudan etkiliyor? Gelin, bu \u00f6nemli klas\u00f6r\u00fcn ard\u0131ndaki perdeyi aralayarak, Next.js projelerinizin geli\u015ftirme a\u015famas\u0131ndaki performans\u0131n\u0131 ve davran\u0131\u015f\u0131n\u0131 daha iyi anlayal\u0131m.\n<\/p>\n

\nNext.js, React tabanl\u0131 uygulamalar geli\u015ftirmek i\u00e7in harika bir \u00e7er\u00e7evedir. Geli\u015ftiricilere sunucu taraf\u0131 render (SSR), statik site olu\u015fturma (SSG) ve API rotalar\u0131 gibi g\u00fc\u00e7l\u00fc \u00f6zellikler sunarken, ayn\u0131 zamanda sorunsuz bir geli\u015ftirme deneyimi sa\u011flamak \u00fczere tasarlanm\u0131\u015ft\u0131r. Bu deneyimin temelini olu\u015fturan unsurlardan biri, projeyi yerel ortamda \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda (genellikle npm run dev<\/code> veya yarn dev<\/code> komutlar\u0131yla) devreye giren geli\u015ftirme sunucusudur. \u0130\u015fte tam bu noktada, .next\/dev<\/code> klas\u00f6r\u00fc sahneye \u00e7\u0131kar. Bu klas\u00f6r, Next.js’in geli\u015ftirme modu i\u00e7in \u00f6zel olarak olu\u015fturdu\u011fu t\u00fcm ge\u00e7ici dosyalar\u0131, \u00f6nbelle\u011fi ve derlenmi\u015f kod par\u00e7ac\u0131klar\u0131n\u0131 bar\u0131nd\u0131r\u0131r. Ama\u00e7 olduk\u00e7a basittir: geli\u015ftirme d\u00f6ng\u00fcs\u00fcn\u00fc m\u00fcmk\u00fcn oldu\u011funca h\u0131zl\u0131 ve verimli hale getirmek.\n<\/p>\n

\nBir web uygulamas\u0131nda kod de\u011fi\u015fiklikleri yapt\u0131\u011f\u0131n\u0131zda, bu de\u011fi\u015fikliklerin taray\u0131c\u0131da an\u0131nda g\u00f6r\u00fcnmesi istenir. Next.js bu ihtiyac\u0131 “Fast Refresh” (H\u0131zl\u0131 Yenileme) \u00f6zelli\u011fi ile kar\u015f\u0131lar. Fast Refresh, sadece de\u011fi\u015ftirdi\u011finiz bile\u015feni veya mod\u00fcl\u00fc yeniden render ederek, uygulaman\u0131n durumunu kaybetmeden an\u0131nda geri bildirim alman\u0131z\u0131 sa\u011flar. Bu mekanizma, .next\/dev<\/code> klas\u00f6r\u00fc i\u00e7indeki ak\u0131ll\u0131 \u00f6nbellekleme ve derleme stratejileri sayesinde sorunsuz bir \u015fekilde \u00e7al\u0131\u015f\u0131r. Klas\u00f6r, \u00f6nceki derlemelerden gelen meta verileri saklayarak, yaln\u0131zca de\u011fi\u015fen k\u0131s\u0131mlar\u0131 yeniden derlemesine olanak tan\u0131r. B\u00f6ylece, her k\u00fc\u00e7\u00fck de\u011fi\u015fiklikte t\u00fcm uygulaman\u0131n ba\u015ftan derlenmesi gibi zaman al\u0131c\u0131 bir s\u00fcre\u00e7ten ka\u00e7\u0131n\u0131lm\u0131\u015f olur. Bu, \u00f6zellikle b\u00fcy\u00fck ve karma\u015f\u0131k projelerde geli\u015ftiricilerin \u00fcretkenli\u011fini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131ran kritik bir optimizasyondur.\n<\/p>\n

\nAsl\u0131nda, .next\/dev<\/code> klas\u00f6r\u00fcn\u00fc, Next.js geli\u015ftirme sunucusunun \u00e7al\u0131\u015fma alan\u0131 olarak d\u00fc\u015f\u00fcnebiliriz. Kodunuzu s\u00fcrekli izler, yapt\u0131\u011f\u0131n\u0131z her de\u011fi\u015fikli\u011fi yakalar ve bunlar\u0131 taray\u0131c\u0131da kullan\u0131labilir hale getirmek i\u00e7in gerekli d\u00f6n\u00fc\u015f\u00fcmleri ger\u00e7ekle\u015ftirir. Bu d\u00f6n\u00fc\u015f\u00fcmler aras\u0131nda JavaScript, TypeScript, CSS ve di\u011fer varl\u0131klar\u0131n derlenmesi, paketlenmesi ve optimize edilmesi yer al\u0131r. Ancak bu optimizasyonlar, \u00fcretim ortam\u0131ndaki kadar agresif de\u011fildir; zira geli\u015ftirme modunda \u00f6ncelik, h\u0131z ve hata ay\u0131klanabilirliktir. \u00dcretim ortam\u0131nda uygulaman\u0131n boyutunu k\u00fc\u00e7\u00fcltmek ve y\u00fckleme s\u00fcresini optimize etmek i\u00e7in daha s\u0131k\u0131 minifikasyon ve a\u011fa\u00e7 sallama (tree-shaking) i\u015flemleri uygulan\u0131rken, geli\u015ftirme modunda kodun okunabilirli\u011fi ve hatalar\u0131n kolayca tespit edilebilmesi daha \u00f6nemlidir. Bu y\u00fczden, .next\/dev<\/code> klas\u00f6r\u00fcndeki dosyalar genellikle \u00fcretimdeki kar\u015f\u0131l\u0131klar\u0131ndan daha b\u00fcy\u00fck ve daha az optimize edilmi\u015f olurlar. K\u0131sacas\u0131, bu klas\u00f6r Next.js\u2019in geli\u015ftirme s\u00fcrecinde adeta bir beyin gibi \u00e7al\u0131\u015farak, yazd\u0131\u011f\u0131n\u0131z kodu anl\u0131k olarak i\u015fleyip size canl\u0131 bir \u00f6nizleme sunar.\n<\/p>\n

.next\/dev Klas\u00f6r\u00fc \u0130\u00e7eri\u011fi: Geli\u015ftirme S\u00fcrecinin Mimar\u0131 Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h2>\n

\n.next\/dev<\/code> klas\u00f6r\u00fcn\u00fcn derinliklerine indi\u011fimizde, Next.js’in geli\u015ftirme s\u00fcrecini nas\u0131l y\u00f6netti\u011fini daha iyi anlayabiliriz. Bu klas\u00f6r, \u00e7e\u015fitli alt dizinler ve dosyalar i\u00e7erir; her birinin belirli bir i\u015flevi vard\u0131r ve hepsi birlikte Fast Refresh, mod\u00fcl de\u011fi\u015fimi ve h\u0131zl\u0131 yeniden derleme gibi \u00f6zelliklerin temelini olu\u015fturur. Bu klas\u00f6r, projenizin boyutu ve karma\u015f\u0131kl\u0131\u011f\u0131na g\u00f6re y\u00fczlerce, hatta binlerce dosyay\u0131 bar\u0131nd\u0131rabilir.\n<\/p>\n

\n\u0130lk olarak, cache\/<\/code> dizini dikkatimizi \u00e7eker. Bu dizin, Webpack derleme \u00f6nbelle\u011fini ve di\u011fer Next.js’e \u00f6zg\u00fc \u00f6nbellek verilerini i\u00e7erir. Bu \u00f6nbellek, kodunuzda k\u00fc\u00e7\u00fck de\u011fi\u015fiklikler yapt\u0131\u011f\u0131n\u0131zda derleme s\u00fcresini \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r. \u00d6rne\u011fin, sadece bir CSS dosyas\u0131n\u0131 de\u011fi\u015ftirdi\u011finizde, t\u00fcm JavaScript paketlerinin yeniden derlenmesine gerek kalmaz; Next.js \u00f6nbellek sayesinde sadece ilgili mod\u00fcl\u00fc g\u00fcnceller. Bu, \u00f6zellikle geli\u015ftirme esnas\u0131nda saniyelerin bile de\u011ferli oldu\u011fu anlarda b\u00fcy\u00fck bir zaman tasarrufu sa\u011flar. \u00d6nbelle\u011fin i\u00e7inde genellikle derlenmi\u015f mod\u00fcller, derleme grafikleri ve ba\u011f\u0131ml\u0131l\u0131k haritalar\u0131 gibi veriler bulunur.\n<\/p>\n

\nserver\/<\/code> ve static\/<\/code> dizinleri de kritik \u00f6neme sahiptir. server\/<\/code> dizini, sunucu taraf\u0131nda \u00e7al\u0131\u015facak bile\u015fenleri, API rotalar\u0131n\u0131 ve sunucu taraf\u0131nda render edilmi\u015f sayfalar\u0131 bar\u0131nd\u0131r\u0131r. Next.js 13 ve sonraki s\u00fcr\u00fcmlerde tan\u0131t\u0131lan App Router ile birlikte, sunucu bile\u015fenlerinin (Server Components) ve sunucu eylemlerinin (Server Actions) derlenmi\u015f halleri de burada bulunabilir. \u00d6te yandan, static\/<\/code> dizini ise taray\u0131c\u0131da \u00e7al\u0131\u015facak istemci taraf\u0131 JavaScript paketlerini, CSS dosyalar\u0131n\u0131 ve di\u011fer statik varl\u0131klar\u0131 i\u00e7erir. Bu iki dizin aras\u0131ndaki ayr\u0131m, Next.js’in hem sunucu hem de istemci taraf\u0131nda etkin bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar ve modern web geli\u015ftirmenin iki ana aya\u011f\u0131n\u0131 temsil eder. \u00d6rne\u011fin, istemci taraf\u0131 navigasyon veya interaktif UI elemanlar\u0131 i\u00e7in gerekli olan t\u00fcm kod par\u00e7ac\u0131klar\u0131 static\/<\/code> alt\u0131nda paketlenir.\n<\/p>\n

\nAyr\u0131ca, .next\/dev<\/code> i\u00e7inde \u00e7e\u015fitli “manifest” dosyalar\u0131 bulunur. Bunlar, Next.js’in uygulaman\u0131z\u0131n yap\u0131s\u0131 hakk\u0131nda bilgi edinmesini sa\u011flayan JSON dosyalar\u0131d\u0131r:\n<\/p>\n

    \n
  • build-manifest.json<\/code>: Sayfalar\u0131n\u0131z\u0131n hangi JavaScript paketlerine ba\u011f\u0131ml\u0131 oldu\u011funu ve \u00f6nceden y\u00fcklenmesi gereken kaynaklar\u0131 listeler.<\/li>\n
  • prerender-manifest.json<\/code>: E\u011fer uygulaman\u0131zda statik olarak \u00fcretilmi\u015f (SSG) sayfalar varsa, bu sayfalar\u0131n yollar\u0131n\u0131, yeniden do\u011frulama s\u00fcrelerini (revalidate) ve ili\u015fkili veri dosyalar\u0131n\u0131 tutar.<\/li>\n
  • react-loadable-manifest.json<\/code>: Dinamik i\u00e7e aktarmalar (dynamic imports) ile y\u00fcklenen bile\u015fenlerin izlenmesini sa\u011flar.<\/li>\n
  • server-reference-manifest.json<\/code> ve client-reference-manifest.json<\/code> (App Router i\u00e7in): Sunucu bile\u015fenleri ve istemci bile\u015fenleri aras\u0131ndaki s\u0131n\u0131rlar\u0131, hangi mod\u00fcllerin nerede \u00e7al\u0131\u015fmas\u0131 gerekti\u011fini belirtir. Bu dosyalar, \u00f6zellikle React Server Components mimarisinde kritik rol oynar, \u00e7\u00fcnk\u00fc Next.js’in farkl\u0131 ortamlarda (sunucu ve istemci) hangi kodu ne zaman kullanaca\u011f\u0131n\u0131 anlamas\u0131na yard\u0131mc\u0131 olurlar.<\/li>\n<\/ul>\n

    \nT\u00fcm bu bile\u015fenler, Next.js’in geli\u015ftirme sunucusunun adeta bir orkestra \u015fefi gibi \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar. Kodunuzda bir de\u011fi\u015fiklik yapt\u0131\u011f\u0131n\u0131zda, bu manifestler ve \u00f6nbellek sayesinde sadece ilgili k\u00fc\u00e7\u00fck par\u00e7alar yeniden i\u015flenir ve taray\u0131c\u0131ya yans\u0131t\u0131l\u0131r. Bu karma\u015f\u0131k sistem, arka planda sorunsuz bir \u015fekilde \u00e7al\u0131\u015farak, geli\u015ftiricilerin kod yazmaya ve uygulama \u00f6zelliklerine odaklanmas\u0131n\u0131 sa\u011flar. \u00d6rne\u011fin, bir API rotas\u0131n\u0131 de\u011fi\u015ftirdi\u011finizde, sadece o rotan\u0131n derlenmi\u015f kodu g\u00fcncellenir ve sunucu yeniden ba\u015flat\u0131lmadan de\u011fi\u015fiklikler devreye girer. Bu, modern bir geli\u015ftirme deneyiminin vazge\u00e7ilmez bir par\u00e7as\u0131d\u0131r.\n<\/p>\n

    Geli\u015ftirme Performans\u0131n\u0131 Art\u0131rmak \u0130\u00e7in .next\/dev Klas\u00f6r\u00fcn\u00fc Nas\u0131l Optimize Edebilirsiniz?<\/h2>\n

    \nNext.js’in geli\u015ftirme sunucusunun arkas\u0131ndaki sihirbaz olan .next\/dev<\/code> klas\u00f6r\u00fc, genellikle kendi kendine y\u00f6netilen bir yap\u0131d\u0131r. Ancak, bazen geli\u015ftirme performans\u0131 d\u00fc\u015febilir veya beklenmedik hatalarla kar\u015f\u0131la\u015fabilirsiniz. Bu gibi durumlarda, bu klas\u00f6r\u00fc anlamak ve gerekti\u011finde m\u00fcdahale etmek, geli\u015ftirme deneyiminizi \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftirebilir. Geli\u015ftirme s\u00fcrecinizi h\u0131zland\u0131rmak ve potansiyel sorunlar\u0131 \u00e7\u00f6zmek i\u00e7in baz\u0131 ipu\u00e7lar\u0131 ve teknikler mevcuttur.\n<\/p>\n

    \nEn temel ve s\u0131k\u00e7a kullan\u0131lan optimizasyonlardan biri, .next<\/code> klas\u00f6r\u00fcn\u00fc (ve dolay\u0131s\u0131yla .next\/dev<\/code> i\u00e7indeki t\u00fcm \u00f6nbelle\u011fi) manuel olarak silmektir. Bazen Next.js’in \u00f6nbelle\u011fi bozulabilir veya eski derleme verileriyle \u00e7ak\u0131\u015fabilir, bu da yava\u015f derleme s\u00fcrelerine veya garip hatalara yol a\u00e7abilir. Bu durumda, klas\u00f6r\u00fc silip geli\u015ftirme sunucusunu yeniden ba\u015flatmak, temiz bir ba\u015flang\u0131\u00e7 sa\u011flar ve genellikle sorunlar\u0131 \u00e7\u00f6zer.\n<\/p>\n

    \nrm -rf .next # Linux\/macOS\nrd \/s \/q .next # Windows\n<\/pre>\n
    <\/code><\/p>\n
    \nBu komutlar, projenizin .next<\/code> klas\u00f6r\u00fcn\u00fc tamamen siler ve bir sonraki npm run dev<\/code> komutunda Next.js, her \u015feyi s\u0131f\u0131rdan olu\u015fturur. Bu i\u015flem biraz zaman alabilir, ancak genellikle bozulmu\u015f \u00f6nbellek sorunlar\u0131n\u0131 ortadan kald\u0131r\u0131r.\n<\/p>\n
    \nNext.js'in modern s\u00fcr\u00fcmleri, derleme h\u0131z\u0131n\u0131 art\u0131rmak i\u00e7in Rust tabanl\u0131 SWC derleyicisini (Speedy Web Compiler) kullan\u0131r. Bu, varsay\u0131lan olarak zaten etkin olsa da, next.config.js<\/code> dosyan\u0131zda \u00f6zel Webpack veya Babel yap\u0131land\u0131rmalar\u0131 kullan\u0131yorsan\u0131z, SWC'nin tam potansiyelini kullanamayabilirsiniz. M\u00fcmk\u00fcn oldu\u011funca Next.js'in varsay\u0131lan SWC yap\u0131land\u0131rmas\u0131na g\u00fcvenmek, derleme s\u00fcrelerinizi \u00f6nemli \u00f6l\u00e7\u00fcde k\u0131salt\u0131r. Ek olarak, b\u00fcy\u00fck dosya boyutlar\u0131na sahip statik varl\u0131klar (resimler, videolar) veya karma\u015f\u0131k CSS \u00f6ni\u015flemcileri kullanmak, geli\u015ftirme derleme s\u00fcrelerini yava\u015flatabilir. Bu t\u00fcr varl\u0131klar\u0131 optimize etmek veya geli\u015ftirme s\u0131ras\u0131nda daha k\u00fc\u00e7\u00fck boyutlu yer tutucular kullanmak faydal\u0131 olabilir.\n<\/p>\n
    \nGeli\u015ftirme performans\u0131n\u0131 art\u0131rmak i\u00e7in bir di\u011fer \u00f6nemli nokta da next.config.js<\/code> dosyas\u0131nda baz\u0131 ince ayarlar yapmakt\u0131r. \u00d6rne\u011fin, Webpack'in \u00f6nbellekleme mekanizmas\u0131n\u0131 daha verimli kullanmak i\u00e7in deneysel \u00f6zelliklerden faydalanabilirsiniz. Next.js s\u00fcrekli geli\u015fti\u011fi i\u00e7in, yeni s\u00fcr\u00fcmlerde performans iyile\u015ftirmeleri getiren yeni yap\u0131land\u0131rma se\u00e7enekleri sunulabilir. \u00d6rne\u011fin, baz\u0131 durumlarda, daha h\u0131zl\u0131 mod\u00fcl \u00e7\u00f6z\u00fcmlemesi i\u00e7in webpack5<\/code> \u00f6zelli\u011fini a\u00e7\u0131k\u00e7a etkinle\u015ftirmek (Next.js 11 ve \u00f6nceki s\u00fcr\u00fcmlerde) veya deneysel \u00f6zellikler kullanmak gerekebilir.\n<\/p>\n
    \n\/\/ next.config.js\nmodule.exports = {\n  \/\/ Bu \u00f6zellik Next.js 12+ s\u00fcr\u00fcmlerinde varsay\u0131lan olarak etkin oldu\u011fundan,\n  \/\/ \u00e7o\u011fu zaman a\u00e7\u0131k\u00e7a belirtmeye gerek yoktur.\n  \/\/ webpack: (config, { isDev, webpack }) => {\n  \/\/   if (isDev) {\n  \/\/     config.cache = {\n  \/\/       type: 'filesystem',\n  \/\/       buildDependencies: {\n  \/\/         config: [__filename],\n  \/\/       },\n  \/\/     };\n  \/\/   }\n  \/\/   return config;\n  \/\/ },\n  \/\/ \u00d6rne\u011fin, baz\u0131 deneysel optimizasyonlar\u0131 etkinle\u015ftirebilirsiniz\n  \/\/ Next.js s\u00fcr\u00fcm\u00fcn\u00fcze g\u00f6re bu \u00f6zellikler de\u011fi\u015febilir.\n  experimental: {\n    \/\/ optimizeCss: true, \/\/ CSS optimizasyonu\n    \/\/ serverComponentsExternalPackages: ['your-large-package'], \/\/ Sunucu bile\u015fenleri i\u00e7in paketleri harici olarak i\u015faretleme\n  },\n};\n<\/pre>\n
    <\/code><\/p>\n
    \nBu t\u00fcr ince ayarlar, \u00f6zellikle geni\u015f kod taban\u0131na sahip projelerde veya eski donan\u0131mlarda geli\u015ftirme yaparken fark yaratabilir. Unutmay\u0131n, Next.js geli\u015ftirme sunucusunun ana hedefi size h\u0131zl\u0131 geri bildirim sa\u011flamakt\u0131r. Bu y\u00fczden, gereksiz yeniden derlemeleri ve a\u011f\u0131r i\u015flem y\u00fcklerini azaltmak her zaman iyi bir yakla\u015f\u0131md\u0131r.\n<\/p>\n
    \n
    \n    Uzman \u0130pucu:<\/strong> Geli\u015ftirme sunucunuzun yava\u015flad\u0131\u011f\u0131n\u0131 hissediyorsan\u0131z, \u00f6nce .next<\/code> klas\u00f6r\u00fcn\u00fc silip projenizi yeniden ba\u015flat\u0131n. \u00c7o\u011fu zaman bu basit ad\u0131m, bir\u00e7ok performans sorununu \u00e7\u00f6zecektir. Ayr\u0131ca, b\u00fcy\u00fck ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131z\u0131 veya derleme s\u00fcresi alan mod\u00fcllerinizi izlemek i\u00e7in Webpack Bundle Analyzer gibi ara\u00e7lar\u0131 kullanarak potansiyel darbo\u011fazlar\u0131 tespit edebilirsiniz.\n  <\/p>\n<\/div>\n
    .next\/dev ve \u00dcretim Klas\u00f6r\u00fc (.next\/) Aras\u0131ndaki Temel Farklar Nelerdir?<\/h3>\n
    \nNext.js projeleri geli\u015ftirirken, ayn\u0131 adl\u0131 ancak farkl\u0131 i\u015flevlere sahip iki kritik klas\u00f6rle kar\u015f\u0131la\u015f\u0131r\u0131z: .next\/dev<\/code> ve \u00fcretim i\u00e7in kullan\u0131lan .next\/<\/code> klas\u00f6r\u00fc. Her ikisi de uygulaman\u0131n \u00e7al\u0131\u015fmas\u0131 i\u00e7in gerekli derlenmi\u015f kodlar\u0131 ve varl\u0131klar\u0131 i\u00e7erse de, aralar\u0131ndaki farklar olduk\u00e7a temeldir ve Next.js'in geli\u015ftirme ile \u00fcretim ortamlar\u0131na y\u00f6nelik farkl\u0131 \u00f6nceliklerini yans\u0131t\u0131r. Bu ayr\u0131m, modern web geli\u015ftirme s\u00fcre\u00e7lerinin verimlili\u011fi i\u00e7in hayati \u00f6neme sahiptir.\n<\/p>\n
    \n.next\/dev<\/code> klas\u00f6r\u00fc, ad\u0131ndan da anla\u015f\u0131laca\u011f\u0131 gibi yaln\u0131zca geli\u015ftirme modunda (npm run dev<\/code>) olu\u015fturulur ve kullan\u0131l\u0131r. Bu klas\u00f6r\u00fcn birincil amac\u0131, geli\u015ftiriciye m\u00fcmk\u00fcn olan en h\u0131zl\u0131 geri bildirimi sa\u011flamakt\u0131r. \u0130\u00e7indeki dosyalar, hata ay\u0131klama kolayl\u0131\u011f\u0131 i\u00e7in genellikle k\u00fc\u00e7\u00fclt\u00fclmemi\u015f (unminified) ve yorumlanabilir formattad\u0131r. H\u0131zl\u0131 Yenileme (Fast Refresh) ve S\u0131cak Mod\u00fcl De\u011fi\u015fimi (Hot Module Replacement - HMR) gibi \u00f6zelliklerin sorunsuz \u00e7al\u0131\u015fabilmesi i\u00e7in zengin meta veriler ve derleme \u00f6nbellekleri i\u00e7erir. Bu klas\u00f6r\u00fcn i\u00e7eri\u011fi, s\u00fcrekli olarak de\u011fi\u015fen kodunuzu an\u0131nda taray\u0131c\u0131ya yans\u0131tmak \u00fczere tasarlanm\u0131\u015ft\u0131r. Bu nedenle, performans a\u00e7\u0131s\u0131ndan \u00fcretimdeki kadar optimize de\u011fildir; dosya boyutlar\u0131 daha b\u00fcy\u00fck olabilir ve gereksiz kod par\u00e7ac\u0131klar\u0131 i\u00e7erebilir. Esasen, .next\/dev<\/code> bir \"\u00e7al\u0131\u015fma alan\u0131\" gibidir; geli\u015ftiricinin s\u00fcrekli deneme, yan\u0131lma ve d\u00fczeltme yapmas\u0131na olanak tan\u0131r.\n<\/p>\n
    \n\u00d6te yandan, .next\/<\/code> klas\u00f6r\u00fc (genellikle sadece .next<\/code> olarak an\u0131l\u0131r), npm run build<\/code> komutu \u00e7al\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda olu\u015fturulan \u00fcretim derlemesinin \u00e7\u0131kt\u0131s\u0131d\u0131r. Bu klas\u00f6r\u00fcn tek amac\u0131, uygulaman\u0131z\u0131 m\u00fcmk\u00fcn olan en h\u0131zl\u0131, en hafif ve en g\u00fcvenli \u015fekilde son kullan\u0131c\u0131ya sunmakt\u0131r. Buradaki t\u00fcm kodlar, performans\u0131 maksimize etmek i\u00e7in agresif bir \u015fekilde optimize edilmi\u015ftir:\n<\/p>\n
      \n
    • Minifikasyon ve S\u0131k\u0131\u015ft\u0131rma:<\/strong> JavaScript, CSS ve HTML dosyalar\u0131, dosya boyutunu k\u00fc\u00e7\u00fcltmek ve y\u00fckleme s\u00fcrelerini h\u0131zland\u0131rmak i\u00e7in bo\u015fluklardan, yorumlardan ar\u0131nd\u0131r\u0131l\u0131r ve de\u011fi\u015fken isimleri k\u0131salt\u0131l\u0131r.<\/li>\n
    • A\u011fa\u00e7 Sallama (Tree-Shaking):<\/strong> Kullan\u0131lmayan kod par\u00e7ac\u0131klar\u0131, nihai paket boyutundan \u00e7\u0131kar\u0131l\u0131r. Bu, \u00f6zellikle b\u00fcy\u00fck k\u00fct\u00fcphaneler kullan\u0131ld\u0131\u011f\u0131nda uygulaman\u0131n boyutunu \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r.<\/li>\n
    • Kod B\u00f6l\u00fcmleme (Code Splitting):<\/strong> Uygulama, her sayfa veya dinamik olarak y\u00fcklenen bile\u015fen i\u00e7in ayr\u0131 k\u00fc\u00e7\u00fck JavaScript paketlerine b\u00f6l\u00fcn\u00fcr. Bu, yaln\u0131zca gerekli kodun indirilmesini sa\u011flar, ilk y\u00fckleme s\u00fcresini d\u00fc\u015f\u00fcr\u00fcr.<\/li>\n
    • \u00d6nbellek Stratejileri:<\/strong> Taray\u0131c\u0131 \u00f6nbelleklemesini en \u00fcst d\u00fczeye \u00e7\u0131karmak i\u00e7in dosyalar\u0131n adlar\u0131na hash'ler eklenir, bu sayede dosyalar de\u011fi\u015fmedi\u011fi s\u00fcrece taray\u0131c\u0131 taraf\u0131ndan yeniden indirilmez.<\/li>\n
    • Statik Varl\u0131k Optimizasyonu:<\/strong> G\u00f6r\u00fcnt\u00fcler ve di\u011fer medya varl\u0131klar\u0131, genellikle daha k\u00fc\u00e7\u00fck boyutlarda ve uygun formatlarda optimize edilir.<\/li>\n<\/ul>\n
      \nK\u0131sacas\u0131, .next\/dev<\/code> bir prototip \u00fcretim at\u00f6lyesiyken, .next\/<\/code> ise son derece rafine edilmi\u015f, pazara haz\u0131r bir \u00fcr\u00fcnd\u00fcr. .next\/dev<\/code> klas\u00f6r\u00fcndeki dosyalar, geli\u015ftiricinin h\u0131zl\u0131 iterasyon yapmas\u0131na ve hata ay\u0131klamas\u0131na yard\u0131mc\u0131 olmak i\u00e7in okunabilir ve esnektir. Buna kar\u015f\u0131l\u0131k, \u00fcretimdeki .next\/<\/code> klas\u00f6r\u00fcndeki dosyalar, makine taraf\u0131ndan en iyi \u015fekilde y\u00fcr\u00fct\u00fclecek ve son kullan\u0131c\u0131ya en iyi deneyimi sunacak \u015fekilde tasarlanm\u0131\u015ft\u0131r; insan taraf\u0131ndan okunmas\u0131 genellikle zordur. Bu net ayr\u0131m, Next.js'in hem geli\u015ftirici verimlili\u011fini hem de son kullan\u0131c\u0131 performans\u0131n\u0131 ayn\u0131 anda hedeflemesini sa\u011flar.\n<\/p>\n
      Sunucu Bile\u015fenleri ve \u0130stemci Bile\u015fenleri .next\/dev Klas\u00f6r\u00fcnde Nas\u0131l Y\u00f6netilir?<\/h3>\n
      \nNext.js 13 ile birlikte tan\u0131t\u0131lan App Router ve React Server Components (RSC) mimarisi, geli\u015ftirme s\u00fcrecini ve dolay\u0131s\u0131yla .next\/dev<\/code> klas\u00f6r\u00fcn\u00fcn i\u00e7eri\u011fini daha da karma\u015f\u0131k ama bir o kadar da g\u00fc\u00e7l\u00fc hale getirdi. Bu yeni modelde, uygulaman\u0131n farkl\u0131 par\u00e7alar\u0131 ya sunucuda (Server Components) ya da istemcide (Client Components) \u00e7al\u0131\u015facak \u015fekilde ayr\u0131\u015ft\u0131r\u0131l\u0131r. Peki, bu ayr\u0131m .next\/dev<\/code> klas\u00f6r\u00fcnde nas\u0131l bir yans\u0131ma bulur ve geli\u015ftirme esnas\u0131nda bize ne gibi kolayl\u0131klar sa\u011flar?\n<\/p>\n
      \n\u00d6ncelikle, Next.js geli\u015ftirme sunucusu, kodunuzu derlerken hangi bile\u015fenin sunucuda, hangisinin istemcide \u00e7al\u0131\u015faca\u011f\u0131n\u0131 belirlemek i\u00e7in \u00f6zel bir analiz yapar. Bu analiz, dosyalar\u0131n ba\u015f\u0131na eklenen 'use client'<\/code> direktifi gibi i\u015faret\u00e7ilerle yap\u0131l\u0131r. E\u011fer bir bile\u015fen bu direktife sahipse, Next.js bunu bir istemci bile\u015feni olarak i\u015faretler ve taray\u0131c\u0131da \u00e7al\u0131\u015fmak \u00fczere paketlenmesini sa\u011flar. Aksi takdirde, varsay\u0131lan olarak sunucu bile\u015feni olarak kabul edilir. Bu ayr\u0131m\u0131n sonu\u00e7lar\u0131, .next\/dev<\/code> klas\u00f6r\u00fcndeki iki \u00f6zel manifest dosyas\u0131nda net bir \u015fekilde g\u00f6r\u00fcl\u00fcr: server-reference-manifest.json<\/code> ve client-reference-manifest.json<\/code>.\n<\/p>\n
      \nserver-reference-manifest.json<\/code> dosyas\u0131, sunucuda render edilen veya sunucu taraf\u0131nda \u00e7al\u0131\u015ft\u0131r\u0131lan kodlarla ilgili bilgileri i\u00e7erir. \u00d6rne\u011fin, bir sunucu bile\u015feninden istemci bile\u015fenine ge\u00e7ilen prop'lar veya sunucu eylemlerinin (Server Actions) istemci taraf\u0131nda nas\u0131l \u00e7a\u011fr\u0131laca\u011f\u0131na dair referanslar bu manifestte yer al\u0131r. Bu sayede Next.js, istemci taraf\u0131nda bir sunucu bile\u015fenini veya sunucu eylemini tetiklemeye \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda, bu manifest arac\u0131l\u0131\u011f\u0131yla ilgili sunucu kodunu \u00e7a\u011f\u0131rabilir. Bu mekanizma, uygulaman\u0131z\u0131n farkl\u0131 k\u0131s\u0131mlar\u0131 aras\u0131nda sorunsuz ileti\u015fimi sa\u011flar ve geli\u015ftirme esnas\u0131nda hydration hatalar\u0131n\u0131 azaltmaya yard\u0131mc\u0131 olur.\n<\/p>\n
      \nDi\u011fer yandan, client-reference-manifest.json<\/code> ise istemci taraf\u0131nda \u00e7al\u0131\u015facak bile\u015fenler ve bu bile\u015fenlerin hangi sunucu bile\u015fenlerini (veya genel olarak sunucu ortam\u0131n\u0131) kullanabilece\u011fine dair referanslar\u0131 tutar. Bu manifest, Next.js'in istemci bile\u015fenlerini taray\u0131c\u0131ya g\u00f6nderirken yaln\u0131zca gerekli JavaScript'i y\u00fcklemesini ve ayn\u0131 zamanda sunucudan gelen verileri do\u011fru bir \u015fekilde almas\u0131n\u0131 sa\u011flar. Geli\u015ftirme s\u00fcrecinde, bu manifestler Next.js'in Fast Refresh ve hata ay\u0131klama \u00f6zelliklerini Server ve Client Components aras\u0131nda do\u011fru bir \u015fekilde uygulamas\u0131n\u0131 garantiler. \u00d6rne\u011fin, bir istemci bile\u015feninde yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fiklik, sadece o bile\u015fenin yeniden derlenmesini ve taray\u0131c\u0131ya g\u00f6nderilmesini tetiklerken, sunucu bile\u015fenlerindeki de\u011fi\u015fiklikler sunucu taraf\u0131nda i\u015flenir.\n<\/p>\n
      \nBu manifest dosyalar\u0131, \u00f6zellikle karma\u015f\u0131k App Router uygulamalar\u0131nda geli\u015ftiricilerin kar\u015f\u0131la\u015fabilece\u011fi \"hydration\" veya \"serile\u015ftirme\" hatalar\u0131n\u0131 anlamalar\u0131na yard\u0131mc\u0131 olur. \u00d6rne\u011fin, bir sunucu bile\u015feninden istemci bile\u015fenine serile\u015ftirilemeyen bir veri (\u00f6rne\u011fin bir fonksiyon) ge\u00e7meye \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda, Next.js geli\u015ftirme sunucusu size bu manifestler arac\u0131l\u0131\u011f\u0131yla bir uyar\u0131 veya hata mesaj\u0131 d\u00f6nd\u00fcrebilir. Bu sayede, sorunun k\u00f6kenini daha h\u0131zl\u0131 tespit edebilir ve mimariyi do\u011fru bir \u015fekilde uygulad\u0131\u011f\u0131n\u0131zdan emin olabilirsiniz. Bu mekanizma, modern Next.js uygulamalar\u0131n\u0131n hem performans\u0131 hem de geli\u015ftirici deneyimini bir arada sunmas\u0131n\u0131n temelini olu\u015fturur.\n<\/p>\n
      Mobil Uyumlu Geli\u015ftirme ve .next\/dev Klas\u00f6r\u00fcn\u00fcn Rol\u00fc Var m\u0131?<\/h3>\n
      \nG\u00fcn\u00fcm\u00fcz web geli\u015ftirme d\u00fcnyas\u0131nda, mobil uyumluluk (responsive design) bir se\u00e7enek de\u011fil, bir zorunluluktur. Kullan\u0131c\u0131lar\u0131n b\u00fcy\u00fck bir \u00e7o\u011funlu\u011fu web sitelerine mobil cihazlar\u0131ndan eri\u015fti\u011fi i\u00e7in, uygulamalar\u0131m\u0131z\u0131n her ekran boyutunda sorunsuz \u00e7al\u0131\u015fmas\u0131 kritik \u00f6neme sahiptir. Peki, Next.js'in .next\/dev<\/code> klas\u00f6r\u00fc, mobil uyumlu geli\u015ftirme s\u00fcrecimizde nas\u0131l bir rol oynar? Direkt olarak mobil cihazlara \u00f6zel \u00e7\u0131kt\u0131lar \u00fcretmese de, bu klas\u00f6r, h\u0131zl\u0131 iterasyon ve geri bildirim d\u00f6ng\u00fcs\u00fc sayesinde mobil uyumlu tasar\u0131m geli\u015ftirmeyi b\u00fcy\u00fck \u00f6l\u00e7\u00fcde kolayla\u015ft\u0131r\u0131r.\n<\/p>\n
      \n.next\/dev<\/code> klas\u00f6r\u00fcn\u00fcn sa\u011flad\u0131\u011f\u0131 Fast Refresh ve an\u0131nda derleme yetenekleri, mobil uyumlu tasar\u0131m geli\u015ftirme s\u00fcrecinde paha bi\u00e7ilmezdir. Bir medya sorgusu (media query) veya duyarl\u0131 bir stil kural\u0131 ekledi\u011finizde, geli\u015ftirme sunucusu bu de\u011fi\u015fikli\u011fi an\u0131nda alg\u0131lar ve taray\u0131c\u0131daki \u00e7\u0131kt\u0131y\u0131 g\u00fcnceller. Bu, farkl\u0131 ekran boyutlar\u0131n\u0131 test etmek i\u00e7in taray\u0131c\u0131n\u0131z\u0131 s\u00fcrekli olarak yeniden y\u00fcklemek veya farkl\u0131 cihazlarda uygulamay\u0131 \u00e7al\u0131\u015ft\u0131rmak zorunda kalmadan, yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fikliklerin mobil g\u00f6r\u00fcn\u00fcm \u00fczerindeki etkilerini an\u0131nda g\u00f6rmenizi sa\u011flar.\n<\/p>\n
      \n\u00d6rne\u011fin, CSS'inizde belirli bir ekran geni\u015fli\u011fine g\u00f6re de\u011fi\u015fen bir stil tan\u0131mlad\u0131n\u0131z:\n<\/p>\n
      \n\/* styles.css *\/\n.container {\n  padding: 20px;\n}\n\n@media (max-width: 768px) {\n  .container {\n    padding: 10px;\n    font-size: 14px;\n  }\n}\n\n@media (max-width: 480px) {\n  .container {\n    padding: 5px;\n    font-size: 12px;\n  }\n}\n<\/pre>\n
      <\/code><\/p>\n
      \nBu stil kurallar\u0131n\u0131 uygulad\u0131ktan sonra, taray\u0131c\u0131n\u0131z\u0131n geli\u015ftirici ara\u00e7lar\u0131n\u0131 (DevTools) kullanarak viewport boyutunu de\u011fi\u015ftirdi\u011finizde, .next\/dev<\/code> sayesinde yap\u0131lan de\u011fi\u015fiklikler an\u0131nda yans\u0131r. Bu an\u0131nda geri bildirim, mobil uyumlu tasar\u0131m\u0131n hassas ayarlamalar\u0131n\u0131 yaparken size b\u00fcy\u00fck esneklik sa\u011flar ve test s\u00fcre\u00e7lerinizi h\u0131zland\u0131r\u0131r.\n<\/p>\n
      \nAyr\u0131ca, modern Next.js uygulamalar\u0131nda kullan\u0131lan CSS-in-JS k\u00fct\u00fcphaneleri (\u00f6rne\u011fin Styled Components, Emotion) veya Tailwind CSS gibi ara\u00e7lar, geli\u015ftirme modunda da ayn\u0131 h\u0131zl\u0131 geri bildirimi sunar. Bu ara\u00e7lar, stillerinizi do\u011frudan JavaScript i\u00e7inde tan\u0131mlaman\u0131za olanak tan\u0131r ve Fast Refresh ile entegrasyonlar\u0131 sayesinde, bir stil de\u011fi\u015fikli\u011fi yapt\u0131\u011f\u0131n\u0131zda sadece ilgili bile\u015fenin yeniden render edilmesini tetiklerler. Bu da mobil uyumlu aray\u00fczleri geli\u015ftirirken verimlili\u011fi art\u0131r\u0131r. K\u0131sacas\u0131, .next\/dev<\/code> klas\u00f6r\u00fc do\u011frudan mobil uyumlu \u00e7\u0131kt\u0131lar \u00fcretmese de, Next.js'in sundu\u011fu h\u0131zl\u0131 geli\u015ftirme deneyimini temel alarak, responsive tasar\u0131mlar\u0131 \u00e7ok daha efektif bir \u015fekilde test etme ve iterasyon yapma olana\u011f\u0131 sunar. Geli\u015ftirme s\u00fcresince farkl\u0131 cihaz boyutlar\u0131n\u0131 sim\u00fcle ederken, an\u0131nda g\u00f6rsel geri bildirim almak, hatas\u0131z ve kullan\u0131c\u0131 dostu mobil aray\u00fczler olu\u015fturman\u0131n anahtar\u0131d\u0131r.\n<\/p>\n
      \n
      \n    Uzman \u0130pucu:<\/strong> Mobil uyumlu geli\u015ftirme yaparken taray\u0131c\u0131n\u0131z\u0131n geli\u015ftirici ara\u00e7lar\u0131ndaki \"Cihaz Ara\u00e7 \u00c7ubu\u011fu\" (Device Toolbar) \u00f6zelli\u011fini aktif olarak kullan\u0131n. .next\/dev<\/code> klas\u00f6r\u00fcn\u00fcn sa\u011flad\u0131\u011f\u0131 h\u0131zl\u0131 derleme sayesinde, bu ara\u00e7 \u00e7ubu\u011fu ile farkl\u0131 cihaz boyutlar\u0131n\u0131 ve piksel yo\u011funluklar\u0131n\u0131 test ederken an\u0131nda sonu\u00e7 alabilirsiniz. Bu, farkl\u0131 breakpoint'lerdeki UI davran\u0131\u015f\u0131n\u0131 h\u0131zl\u0131ca g\u00f6zlemlemenizi sa\u011flar.\n  <\/p>\n<\/div>\n
      S\u0131k\u00e7a Sorulan Sorular<\/h2>\n
        \n
      1. \n
        .next\/dev klas\u00f6r\u00fcn\u00fc manuel olarak silmeli miyim?<\/h3>\n
        Genellikle hay\u0131r, Next.js bu klas\u00f6r\u00fc otomatik olarak y\u00f6netir. Ancak, geli\u015ftirme sunucunuzda garip hatalar, yava\u015f derleme s\u00fcreleri veya \u00f6nbellekle ilgili oldu\u011funu d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcn\u00fcz sorunlar ya\u015f\u0131yorsan\u0131z, rm -rf .next<\/code> (Linux\/macOS) veya rd \/s \/q .next<\/code> (Windows) komutunu kullanarak silmeniz faydal\u0131 olabilir. Bu, temiz bir ba\u015flang\u0131\u00e7 sa\u011flar.<\/p>\n<\/li>\n
      2. \n
        Bu klas\u00f6r disk alan\u0131m\u0131 \u00e7ok t\u00fcketiyor mu?<\/h3>\n
        Geli\u015ftirme s\u00fcresince .next\/dev<\/code> klas\u00f6r\u00fc y\u00fczlerce megabayt, hatta gigabaytlarca yer kaplayabilir, \u00f6zellikle b\u00fcy\u00fck projelerde ve uzun s\u00fcreli geli\u015ftirmelerde. Ancak bu ge\u00e7ici bir durumdur. Uygulaman\u0131z\u0131 da\u011f\u0131tmadan \u00f6nce bu klas\u00f6r silinir ve \u00fcretim derlemesi (genellikle daha k\u00fc\u00e7\u00fck) da\u011f\u0131t\u0131l\u0131r. E\u011fer disk alan\u0131n\u0131z k\u0131s\u0131tl\u0131ysa ve geli\u015ftirme yapm\u0131yorsan\u0131z, manuel olarak silebilirsiniz.<\/p>\n<\/li>\n
      3. \n
        \u00dcretim ortam\u0131nda .next\/dev var m\u0131?<\/h3>\n
        Hay\u0131r, \u00fcretim ortam\u0131nda .next\/dev<\/code> klas\u00f6r\u00fc bulunmaz. npm run build<\/code> komutu ile olu\u015fturulan optimize edilmi\u015f .next<\/code> klas\u00f6r\u00fc kullan\u0131l\u0131r. Geli\u015ftirme moduna \u00f6zg\u00fc dosyalar ve \u00f6nbellek, \u00fcretimde gereksiz oldu\u011fu i\u00e7in dahil edilmez.<\/p>\n<\/li>\n
      4. \n
        Next.js versiyon g\u00fcncellemeleri .next\/dev klas\u00f6r\u00fcn\u00fc nas\u0131l etkiler?<\/h3>\n
        Next.js versiyon g\u00fcncellemeleri, .next\/dev<\/code> klas\u00f6r\u00fcn\u00fcn i\u00e7 yap\u0131s\u0131n\u0131 ve bar\u0131nd\u0131rd\u0131\u011f\u0131 \u00f6nbellek stratejilerini etkileyebilir. Yeni derleyici optimizasyonlar\u0131 (\u00f6rne\u011fin SWC iyile\u015ftirmeleri) veya farkl\u0131 \u00f6nbellekleme yakla\u015f\u0131mlar\u0131 nedeniyle, Next.js g\u00fcncellemelerinden sonra bazen .next<\/code> klas\u00f6r\u00fcn\u00fc silip temiz bir derleme ba\u015flatmak en iyi uygulamad\u0131r. Bu, eski \u00f6nbellek verilerinin yeni versiyonla \u00e7ak\u0131\u015fmas\u0131n\u0131 \u00f6nler.<\/p>\n<\/li>\n<\/ol>\n
        Sonu\u00e7: Next.js Geli\u015ftirme Deneyiminizi Daha \u0130yi Anlay\u0131n<\/h2>\n
        \nNext.js'in .next\/dev<\/code> klas\u00f6r\u00fc, ilk bak\u0131\u015fta sadece bir dizi ge\u00e7ici dosya gibi g\u00f6r\u00fcnebilir. Ancak derinlemesine inceledi\u011fimizde, bu klas\u00f6r\u00fcn Next.js geli\u015ftirme deneyiminin temel ta\u015f\u0131 oldu\u011funu g\u00f6r\u00fcyoruz. H\u0131zl\u0131 Yenileme, an\u0131nda derleme ve sorunsuz bir geri bildirim d\u00f6ng\u00fcs\u00fc gibi modern geli\u015ftirme s\u00fcre\u00e7lerinin olmazsa olmazlar\u0131, bu klas\u00f6rdeki ak\u0131ll\u0131 \u00f6nbellekleme ve derleme mekanizmalar\u0131 sayesinde m\u00fcmk\u00fcn olmaktad\u0131r. Sunucu Bile\u015fenleri ve \u0130stemci Bile\u015fenleri gibi yeni mimarilerin sorunsuz entegrasyonu da yine bu klas\u00f6rdeki manifest dosyalar\u0131 arac\u0131l\u0131\u011f\u0131yla sa\u011flan\u0131r.\n<\/p>\n
        \nBu makalede, .next\/dev<\/code> klas\u00f6r\u00fcn\u00fcn i\u00e7eri\u011fini, \u00fcretim klas\u00f6r\u00fcnden farklar\u0131n\u0131, performans optimizasyon ipu\u00e7lar\u0131n\u0131 ve mobil uyumlu geli\u015ftirme s\u00fcre\u00e7lerindeki rol\u00fcn\u00fc detayl\u0131ca ele ald\u0131k. Geli\u015ftiriciler olarak, kulland\u0131\u011f\u0131m\u0131z ara\u00e7lar\u0131n perde arkas\u0131n\u0131 anlamak, sadece sorunlar\u0131 daha h\u0131zl\u0131 \u00e7\u00f6zmemize de\u011fil, ayn\u0131 zamanda daha verimli ve optimize edilmi\u015f uygulamalar geli\u015ftirmemize de olanak tan\u0131r. Art\u0131k .next\/dev<\/code> klas\u00f6r\u00fcn\u00fc g\u00f6rd\u00fc\u011f\u00fcn\u00fczde, bunun sadece bir \"ge\u00e7ici dosya y\u0131\u011f\u0131n\u0131\" olmad\u0131\u011f\u0131n\u0131, aksine Next.js'in geli\u015ftirme sihrinin kalbi oldu\u011funu bileceksiniz. Bu bilgiyle donanm\u0131\u015f olarak, Next.js projelerinizdeki geli\u015ftirme s\u00fcre\u00e7lerini daha bilin\u00e7li ve etkili bir \u015fekilde y\u00f6netebilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"Next.js 16 Simplified: .next\/dev Klas\u00f6r\u00fc Ne \u0130\u015fe Yarar? Next.js ile modern web uygulamalar\u0131 geli\u015ftirirken, projenizin k\u00f6k dizininde kendili\u011finden…","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":[1469],"tags":[],"class_list":{"0":"post-31441","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-nextjs","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nNext.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?<\/title>\n<meta name=\"description\" content=\"Next.js ile modern web uygulamalar\u0131 geli\u015ftirirken, projenizin k\u00f6k dizininde kendili\u011finden olu\u015fan ve \u00e7o\u011fu zaman g\u00f6z ard\u0131 edilen bir klas\u00f6r bulunur: .next\/dev. Bu gizemli dizin, geli\u015ftirme s\u00fcrecinizin h\u0131z\u0131n\u0131, verimlili\u011fini ve kesintisiz ak\u0131\u015f\u0131n\u0131 sa\u011flayan kilit bir bile\u015fendir. Peki, bu klas\u00f6r\u00fcn i\u00e7inde neler sakl\u0131 ve Next.js geli\u015ftirme deneyiminizi nas\u0131l do\u011frudan etkiliyor? Gelin, bu \u00f6nemli klas\u00f6r\u00fcn ard\u0131ndaki perdeyi aralayarak, Next.js projelerinizin geli\u015ftirme a\u015famas\u0131ndaki performans\u0131n\u0131 ve davran\u0131\u015f\u0131n\u0131 daha iyi anlayal\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\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?\" \/>\n<meta property=\"og:description\" content=\"Next.js ile modern web uygulamalar\u0131 geli\u015ftirirken, projenizin k\u00f6k dizininde kendili\u011finden olu\u015fan ve \u00e7o\u011fu zaman g\u00f6z ard\u0131 edilen bir klas\u00f6r bulunur: .next\/dev. Bu gizemli dizin, geli\u015ftirme s\u00fcrecinizin h\u0131z\u0131n\u0131, verimlili\u011fini ve kesintisiz ak\u0131\u015f\u0131n\u0131 sa\u011flayan kilit bir bile\u015fendir. Peki, bu klas\u00f6r\u00fcn i\u00e7inde neler sakl\u0131 ve Next.js geli\u015ftirme deneyiminizi nas\u0131l do\u011frudan etkiliyor? Gelin, bu \u00f6nemli klas\u00f6r\u00fcn ard\u0131ndaki perdeyi aralayarak, Next.js projelerinizin geli\u015ftirme a\u015famas\u0131ndaki performans\u0131n\u0131 ve davran\u0131\u015f\u0131n\u0131 daha iyi anlayal\u0131m.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-09T22:01:22+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=\"21 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-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?\",\"datePublished\":\"2025-10-09T22:01:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/\"},\"wordCount\":3915,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"NextJS\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/\",\"name\":\"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-10-09T22:01:22+00:00\",\"description\":\"Next.js ile modern web uygulamalar\u0131 geli\u015ftirirken, projenizin k\u00f6k dizininde kendili\u011finden olu\u015fan ve \u00e7o\u011fu zaman g\u00f6z ard\u0131 edilen bir klas\u00f6r bulunur: .next\/dev. Bu gizemli dizin, geli\u015ftirme s\u00fcrecinizin h\u0131z\u0131n\u0131, verimlili\u011fini ve kesintisiz ak\u0131\u015f\u0131n\u0131 sa\u011flayan kilit bir bile\u015fendir. Peki, bu klas\u00f6r\u00fcn i\u00e7inde neler sakl\u0131 ve Next.js geli\u015ftirme deneyiminizi nas\u0131l do\u011frudan etkiliyor? Gelin, bu \u00f6nemli klas\u00f6r\u00fcn ard\u0131ndaki perdeyi aralayarak, Next.js projelerinizin geli\u015ftirme a\u015famas\u0131ndaki performans\u0131n\u0131 ve davran\u0131\u015f\u0131n\u0131 daha iyi anlayal\u0131m.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?\"}]},{\"@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 Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?","description":"Next.js ile modern web uygulamalar\u0131 geli\u015ftirirken, projenizin k\u00f6k dizininde kendili\u011finden olu\u015fan ve \u00e7o\u011fu zaman g\u00f6z ard\u0131 edilen bir klas\u00f6r bulunur: .next\/dev. Bu gizemli dizin, geli\u015ftirme s\u00fcrecinizin h\u0131z\u0131n\u0131, verimlili\u011fini ve kesintisiz ak\u0131\u015f\u0131n\u0131 sa\u011flayan kilit bir bile\u015fendir. Peki, bu klas\u00f6r\u00fcn i\u00e7inde neler sakl\u0131 ve Next.js geli\u015ftirme deneyiminizi nas\u0131l do\u011frudan etkiliyor? Gelin, bu \u00f6nemli klas\u00f6r\u00fcn ard\u0131ndaki perdeyi aralayarak, Next.js projelerinizin geli\u015ftirme a\u015famas\u0131ndaki performans\u0131n\u0131 ve davran\u0131\u015f\u0131n\u0131 daha iyi anlayal\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\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/","og_locale":"tr_TR","og_type":"article","og_title":"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?","og_description":"Next.js ile modern web uygulamalar\u0131 geli\u015ftirirken, projenizin k\u00f6k dizininde kendili\u011finden olu\u015fan ve \u00e7o\u011fu zaman g\u00f6z ard\u0131 edilen bir klas\u00f6r bulunur: .next\/dev. Bu gizemli dizin, geli\u015ftirme s\u00fcrecinizin h\u0131z\u0131n\u0131, verimlili\u011fini ve kesintisiz ak\u0131\u015f\u0131n\u0131 sa\u011flayan kilit bir bile\u015fendir. Peki, bu klas\u00f6r\u00fcn i\u00e7inde neler sakl\u0131 ve Next.js geli\u015ftirme deneyiminizi nas\u0131l do\u011frudan etkiliyor? Gelin, bu \u00f6nemli klas\u00f6r\u00fcn ard\u0131ndaki perdeyi aralayarak, Next.js projelerinizin geli\u015ftirme a\u015famas\u0131ndaki performans\u0131n\u0131 ve davran\u0131\u015f\u0131n\u0131 daha iyi anlayal\u0131m.","og_url":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-10-09T22:01:22+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"21 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?","datePublished":"2025-10-09T22:01:22+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/"},"wordCount":3915,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["NextJS"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/","url":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/","name":"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-10-09T22:01:22+00:00","description":"Next.js ile modern web uygulamalar\u0131 geli\u015ftirirken, projenizin k\u00f6k dizininde kendili\u011finden olu\u015fan ve \u00e7o\u011fu zaman g\u00f6z ard\u0131 edilen bir klas\u00f6r bulunur: .next\/dev. Bu gizemli dizin, geli\u015ftirme s\u00fcrecinizin h\u0131z\u0131n\u0131, verimlili\u011fini ve kesintisiz ak\u0131\u015f\u0131n\u0131 sa\u011flayan kilit bir bile\u015fendir. Peki, bu klas\u00f6r\u00fcn i\u00e7inde neler sakl\u0131 ve Next.js geli\u015ftirme deneyiminizi nas\u0131l do\u011frudan etkiliyor? Gelin, bu \u00f6nemli klas\u00f6r\u00fcn ard\u0131ndaki perdeyi aralayarak, Next.js projelerinizin geli\u015ftirme a\u015famas\u0131ndaki performans\u0131n\u0131 ve davran\u0131\u015f\u0131n\u0131 daha iyi anlayal\u0131m.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/next-js-gelistirme-ortaminda-next-dev-klasorunun-onemi-nedir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Next.js Geli\u015ftirme Ortam\u0131nda .next\/dev Klas\u00f6r\u00fcn\u00fcn \u00d6nemi Nedir?"}]},{"@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\/31441","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=31441"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/31441\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=31441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=31441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=31441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}