NextJS Framework'ünde Proje Dosya Yapısı

Proje oluşturulduktan sonra klasöründe belirli bir dosya yapısı ortaya çıkacaktır. En önemli bileşenlerini inceleyelim:

/node_modules/
/src/
- /app/
  - globals.css
  - layout.jsx
  - page.jsx
next.config.mjs
package.json
tailwind.config.js

Projeyle çalışma sürecinde oluşturacağımız dosyalar src ve src/app klasörlerinde saklanacaktır. Şu anda src klasöründe sadece bir çalışma klasörü app bulunmaktadır. İçinde CSS ayarlarıyla çalışmak için dosyalar (global.css), sayfanın ana şablonuyla ilgili dosya (layout.jsx) ve projenin ana rotasıyla ilgili dosya (page.jsx) bulunur.

next.config.mjs dosyasında projenin temel ayarları yer alır.

tailwind.config.js dosyasında, bu projede uygulanan Tailwind stilleri için temel ayarlar bulunur.

Projenin temel çalışma dosyalarını hangi klasörlerin içerdiğini anlatın.

Tüm proje için ayarların nerede yapıldığını anlatın.

Projede yüklü tün kütüphanelerin ve paketlerin hangi klasörde saklandığını anlatın.

Tailwind stilleri için ayarların nerede yapıldığını anlatın.