Tüm Rehberler

Next.js Proje Kurulumu

Next.js 14+ ile modern web uygulaması oluşturun. App Router ve TypeScript desteği.

Orta15 dk

Kurulum Adımları

1. Yeni Next.js projesi oluşturun:

npx create-next-app@latest proje-adi

2. Kurulum sırasında seçenekler:

- TypeScript: Evet

- ESLint: Evet

- Tailwind CSS: Evet

- src/ dizini: Evet

- App Router: Evet

- Import alias: @/*

3. Proje dizinine gidin:

cd proje-adi

4. Geliştirme sunucusunu başlatın:

npm run dev

5. Tarayıcıda http://localhost:3000 adresini açın

6. Sayfa oluşturma (App Router):

mkdir -p src/app/hakkimizda

Sayfa dosyası oluşturun: src/app/hakkimizda/page.tsx

7. API Route oluşturma:

mkdir -p src/app/api/hello

Route dosyası: src/app/api/hello/route.ts

8. Production build:

npm run build
npm start

9. Ortam değişkenleri (.env.local):

DATABASE_URL="..."
NEXT_PUBLIC_API_URL="..."