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

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

Ratings 3.74 / 5.00

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

What You Will Learn!

Full Stack Web geliştirici olmak için gereken çoğu konuyu öğrenip kariyerine iyi bir başlangıç yapabileceksin.
Sıfırdan bir projeyi Full Stack bir şekilde adım adım kendin yapabileceksin.
Sektörde aranan Full Stack Web geliştiricilerinden biri olacaksın.
Nextjs ile hem Back-End hem Front-End tarafına hakim olacaksın.
Web Sitelerine Admin Yönetim Paneli ile dinamik içerikler ekleyip bunları yönetebileceksin.
Veri tabanı olarak MongoDB kullanmayı öğreneceksin.
Next-Auth ile Authentication işlemlerini hızlandıracaksın.
Kurs sonunda bir Full Stack Web Geliştirici olup bu alanda gelir elde edebileceksin.

Description

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.