Next.js App Router ile Full-Stack Geliştirmenin Avantajları
- Sunucu Bileşenleri (Server Components): Sunucu tarafında render edilen bileşenlerle optimize edilmiş performans.
- API Yönlendirmeleri (API Routes): Next.js içinde backend API’leri oluşturabilme.
- MongoDB ile NoSQL Veri Yönetimi: Esnek ve ölçeklenebilir veritabanı yapısı.
- Sunucu Eylemleri (Server Actions): API çağrılarına gerek kalmadan backend işlemleri yapabilme.
- Docker Kullanımı: Next.js uygulamanızı container içinde çalıştırarak taşınabilir hale getirme.
Next.js App Router ile Proje Kurulumu
Yeni bir Next.js projesi oluşturmak için aşağıdaki komutları çalıştırın:
Bu adımlardan sonra, http://localhost:3000 adresinden projenizi çalıştırabilirsiniz.
MongoDB ile Veritabanı Entegrasyonu
Next.js projelerinde MongoDB kullanmak için mongoose kütüphanesini kullanacağız.
MongoDB Bağlantısını Oluşturun
/lib/mongodb.js dosyasında aşağıdaki kodları ekleyin:
API Yönlendirmeleri ile CRUD İşlemleri
MongoDB bağlantısını kullanarak API yönlendirmesi yapalım.
/app/api/users/route.js (GET ve POST İşlemleri)
Next.js Uygulamasını Docker ile Çalıştırma
Dockerfile Dosyası
2. Docker ile Çalıştırma
Docker kullanarak Next.js uygulamanızı başlatmak için şu komutları çalıştırın:
Docker imajını oluşturun:
Docker container'ı başlatın:
Bu adımlardan sonra, http://localhost:3000 adresinden uygulamanıza erişebilirsiniz.
Next.js’in App Router yapısı, MongoDB ile birleştiğinde güçlü bir full-stack çözüm sunar. API yönlendirmeleri, kimlik doğrulama ve veritabanı yönetimi gibi süreçler, Docker sayesinde bağımsız ve taşınabilir hale gelir.
Bu rehberde MongoDB, Next.js API Routes ve Docker kullanarak modern ve sürdürülebilir bir full-stack uygulama geliştirme sürecini inceledik. 🚀