Next.js 16 Eğitimi | Sıfırdan Uzmanlığa | 02 - Proje Klasör Yapısı (Project Structure)

İlk projemizi oluşturduk, şimdi sıra Next.js 16'nın kaputunun altına bakmaya geldi! Bu derste, bir Next.js projesindeki dosyaların ve klasörlerin ne işe yaradığını, hangisinin nerede kullanıldığını detaylıca inceliyoruz.

Profesyonel bir Next.js projesinde dosya hiyerarşisini anlamak, ilerleyen bölümlerde karmaşık uygulamalar geliştirirken size büyük bir avantaj sağlayacak. package.json'dan app klasörüne, yapılandırma dosyalarından statik varlıklara kadar her şeyi tek tek açıklıyoruz.

📺 Bu Videoda Neler Var?

Temel Yapılandırma Dosyaları: package.json, next.config.js ve tsconfig.json gibi kritik dosyaların analizi.

Dependencies ve Scripts: Bağımlılıklarımızı ve projemizi çalıştıran komutları yakından tanıyoruz.

Public Klasörü: Resimler, fontlar ve statik dosyalarımızı nerede saklamalıyız?

Source (src) & App Klasörü: Next.js 16'nın kalbi olan App Router yapısı, layout.tsx ve page.tsx dosyalarının ilişkisi.

Gelişmiş Dosyalar: .next, node_modules ve .gitignore gibi otomatik yönetilen dosyaların mantığı.

Çalışma Akışı: Bir Next.js uygulaması çalıştırıldığında kodun izlediği yol.

📱 Sosyal Medya:
Instagram: @coderyusuff

📫 İş Birlikleri: coderyusuff@gmail.com

Next.js 16, Next.js Proje Yapısı, Next.js Klasör Yapısı, Project Structure, Next.js App Router, layout.tsx nedir, page.tsx nedir, package.json ayarları, Next.js 16 Dersleri, src klasörü, public klasörü, next.config.js, Tailwind Config, TypeScript Ayarları, Yazılım Mimarisi, Frontend Geliştirme 2026, Sıfırdan Web Geliştirme, Next.js Dosya Düzeni,Next.js 16, Next.js 16 Kurulumu, Node.js Kurulumu, VS Code Kurulumu, npx create-next-app@latest, Next.js Hello World, TypeScript Kurulumu, Tailwind CSS Next.js, Next.js App Router, npm run dev, Next.js Dersleri, Sıfırdan Next.js Öğren, Web Geliştirme Eğitimi, Frontend Kurulum, React 19, Yazılım Dersleri Türkçe, Next.js Proje Oluşturma, Kodlama Başlangıç,Next.js 16, Next.js Eğitimi, Türkçe Next.js Dersi, Next.js 16 Kursu, Sıfırdan Next.js Öğren, Next.js Nedir, Modern Web Geliştirme, Next.js App Router, React 19, Server Components, Sunucu Bileşenleri, Client Components, Server Actions, Next.js API Routes, SSR vs SSG, SEO Dostu Web Siteleri, Next.js Kurulumu, React Framework, JavaScript Eğitimi, TypeScript, Tailwind CSS, Frontend Geliştirme, Fullstack Web Development, Next.js 15 vs 16, Yazılım Eğitimi, Web Geliştirme 2026,Next.js 16, Next.js Eğitimi, Türkçe Next.js Dersi, Next.js 16 Kursu, Sıfırdan Next.js Öğren, Next.js Nedir, Modern Web Geliştirme, Next.js App Router, React 19, Server Components, Sunucu Bileşenleri, Client Components, Server Actions, Next.js API Routes, SSR vs SSG, SEO Dostu Web Siteleri, Next.js Kurulumu, React Framework, JavaScript Eğitimi, TypeScript, Tailwind CSS, Frontend Geliştirme, Fullstack Web Development, Next.js 15 vs 16, Yazılım Eğitimi, Web Geliştirme 2026

#nextjs
#react #nextjstutorial