Proje Yapısını Anlama

Proje Yapısı

Next.js projesi oluşturduktan sonra şu klasör yapısını görürsünüz:

headless-wordpress/
├── app/
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── public/
├── node_modules/
├── package.json
├── package-lock.json
├── next.config.js
├── tailwind.config.ts
├── tsconfig.json
└── .gitignore

Klasör Açıklamaları

📁 app/ (En Önemli!)

Sayfalarınız ve route'larınız burada oluşturulur. Bu klasör Next.js 13+ ile gelen App Router sisteminin kalbidir.

page.tsx - Ana sayfa (/)
layout.tsx - Tüm sayfalara uygulanacak şablon
globals.css - Global CSS stilleri

Route Oluşturma Mantığı

Dosya Yolu	URL
`app/page.tsx`	/
`app/blog/page.tsx`	/blog
`app/blog/[slug]/page.tsx`	/blog/yazi-adi
`app/hakkimizda/page.tsx`	/hakkimizda

📁 public/

Statik dosyalar burada saklanır: görseller, fontlar, robots.txt vb.

📄 package.json

Proje bilgileri ve bağımlılıklar.