React (Next.js) ile Full Stack Yemek Sipariş Projesi

About React (Next.js) ile Full Stack Yemek Sipariş Projesi

Son zamanlarda en popüler Front-End kütüphanesi React'in framework'ü olan Next.js'i bir projeyle öğrenmeye ne dersiniz?

Bu kursun asıl amacı; freelance Full Stack proje nasıl geliştirilir ve bundan nasıl gelir elde edilir? Bunu en sade anlatımla Yemek Sipariş Projesi üzerinden öğretmek. Bu projeyle birlikte React tecrübeniz artacak. Tailwind CSS ile sıfırdan proje geliştirerek Tailwind tecrübenizi artıracaksınız. Redux-Toolkit ile state yönetiminizi kolaylaştıracaksınız. Next-Auth ile authentication işlemleriniz basitleşecek. Veri tabanı olarak MongoDB kullanmayı öğreneceksiniz. Admin Yönetim Paneli oluşturup içerisinden projenizi yönetebileceksiniz. Kullanıcı profili oluşturup kullanıcının tüm bilgilerini burada tutmayı öğreneceksiniz. CV'nize Full Stack bir proje ekleyerek işe alımlarda öne çıkabileceksiniz. Bu kurstan öğrendiğiniz bilgilerle freelance işler alabileceksiniz. Proje geliştirirken ortaya çıkabilecek hataların çözümünü hızlı bir şekilde bulmayı öğreneceksiniz. Beğendiğiniz bir temaya bakarak hem Front-End hem Back-End tarafını kodlayabileceksiniz. En sonunda da projeyi canlıya almayı öğreneceksiniz.

Proje içeriği;

Single Page Application Mantığı

Freelance Proje Geliştirme Mantığı

Client Side ve Server Side Rendering Farkı

Next.js İçerisindeki Paketler (next/link, next/image, next/router vb.)

Next.js ve Tailwind CSS ile Full-Stack Proje Geliştirme

Tailwind CSS ile Responsive Geçişler

Next-Auth ile Authentication İşlemleri

Redux-Toolkit ile State Management

Formik ile Form Kontrolü

Yup ile Validation İşlemleri

Projeye Admin Paneli Ekleme

MongoDB ile Veri Tabanı İşlemleri

Sıfırdan API Oluşturma

Oluşturduğumuz Şifreleri Hashleme

Projeyi Canlıya Alma (Deployment)

Uzun bir süreç. Disiplinli bir çalışmayla aşılamayacak yol yok. Hata alırsanız kaynaklar kısmında tüm derslerin kodları var oradan ulaşabilirsiniz. İyi çalışmalar, bol kodlu günler.