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

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

React, Next.js, Tailwind CSS, Redux, Redux-Toolkit, Next-Auth, Deployment ile Modern Full Stack Web Projeleri İnşaa Edin

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.