Next.js Proje Kurulumu
Next.js 14+ ile modern web uygulaması oluşturun. App Router ve TypeScript desteği.
Kurulum Adımları
1. Yeni Next.js projesi oluşturun:
npx create-next-app@latest proje-adi2. 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-adi4. Geliştirme sunucusunu başlatın:
npm run dev5. Tarayıcıda http://localhost:3000 adresini açın
6. Sayfa oluşturma (App Router):
mkdir -p src/app/hakkimizdaSayfa dosyası oluşturun: src/app/hakkimizda/page.tsx
7. API Route oluşturma:
mkdir -p src/app/api/helloRoute dosyası: src/app/api/hello/route.ts
8. Production build:
npm run build
npm start9. Ortam değişkenleri (.env.local):
DATABASE_URL="..."
NEXT_PUBLIC_API_URL="..."İlgili Rehberler
Linux VPS Sunucu Kurulumu (Ubuntu)
Ubuntu tabanlı VPS sunucunuzu sıfırdan yapılandırın. Güvenlik, kullanıcı yönetimi ve temel ayarlar.
Apache Web Sunucu Kurulumu
Apache HTTP sunucusunu kurun ve sanal host yapılandırması yapın.
Nginx Web Sunucu Kurulumu
Nginx web sunucusunu kurun ve reverse proxy olarak yapılandırın.
Let's Encrypt SSL Sertifika Kurulumu
Certbot ile ücretsiz SSL/TLS sertifikası alın ve HTTPS'yi etkinleştirin.