Proje Kurulumu ve CLI
Yeni bir Next.js 15 projesini nasıl başlatacağınızı ve komut satırı arayüzünü kullanarak temel proje yapısında nasıl gezineceğinizi öğrenin.
Proje Kurulumu ve CLI, CoddyKit'te ücretsiz bir Next.js 15 Fullstack (App Router + Server Actions) dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Next.js 15 Fullstack (App Router + Server Actions) öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Next.js 15 Fullstack (App Router + Server Actions) kursu toplamda 4 dersten oluşur.
Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.
Next.js 15: Your First Step
Next.js 15'e hoş geldiniz — hızlı, ölçeklenebilir, üretime hazır uygulamalar için React çatı uygulaması. İlk olarak: bir proje başlatmak ve yapısını komut satırından (CLI) okumak.
What You'll Need
Başlamadan önce, JavaScript çalışma ortamını sağlayan ve paket yöneticisiyle (npm, Yarn veya pnpm) bağımlılıklarınızı yükleyen Node.js 18.17 veya sonraki bir sürüme ihtiyacınız vardır.
Initializing Your Project
create-next-app ile yeni bir proje başlatın; sizin için her şeyi hazırlar. Sadece bunu terminalinizde çalıştırın.
npx create-next-app@latestSetup Prompts Explained
The CLI asks a few questions. The one that matters: say Yes to App Router — it's essential for Next.js 15. ESLint and Tailwind are nice; TypeScript is optional.
Navigating Your New Project
When it finishes you get a new project folder. Step into it with cd and you're ready to work.
cd my-next-appYour Project Structure
Know the key generated files: app/ holds your pages and layouts, public/ static assets, package.json your deps and scripts, next.config.js the config.
The Core `app` Directory
The app/ directory drives the App Router: layout.js for shared UI, page.js for a route's unique view, and globals.css for global styles.
Project Scripts & `npm run dev`
Your scripts live in package.json. The one you'll use constantly is npm run dev — it starts the development server.
npm run devHello Next.js!
With the dev server running, open localhost:3000 to see your app. That page is rendered by app/page.js — here's a stripped-down version.
export default function Home() {
return (
<main>
<h1>Hello CoddyKit!</h1>
</main>
);
}Quick Check: Setup Basics
You've learned how to kickstart a Next.js project. Let's test your knowledge!
Recap: Your First Next.js Steps
Recap: you set up Next.js 15 with create-next-app, explored the app/ directory, and launched the dev server. Next: file-system routing.
Sıkça Sorulan Sorular
“Proje Kurulumu ve CLI” dersi ücretsiz mi?
Evet — “Proje Kurulumu ve CLI” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Next.js 15 Fullstack (App Router + Server Actions) kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Next.js 15 Fullstack (App Router + Server Actions) kursu toplamda 4 dersten oluşur.
“Proje Kurulumu ve CLI” dersinde ne öğreneceğim?
Yeni bir Next.js 15 projesini nasıl başlatacağınızı ve komut satırı arayüzünü kullanarak temel proje yapısında nasıl gezineceğinizi öğrenin. Next.js 15 Fullstack (App Router + Server Actions) ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Next.js 15 Fullstack (App Router + Server Actions) öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Next.js 15 Fullstack (App Router + Server Actions), başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“Proje Kurulumu ve CLI” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Next.js 15 Fullstack (App Router + Server Actions) dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Next.js 15 Fullstack (App Router + Server Actions) dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Proje Kurulumu ve CLI
- Dosya Sistemi Yönlendirmesinin Temelleri
- Sayfalar ve Düzenlere Genel Bakış
- Next.js Uygulamanızı Biçimlendirme