Build Next Js 13 Full Stack App : NextJs, React, Firebase, NextAuth, Tailwind Css
In this video we will build Next Js 13 Full Stack App using NextJs, React, Firebase, NextAuth, Tailwind Css.
In this video, we will guide you through the process of building a full-stack application using Next.js 13, React, Firebase, NextAuth, and Tailwind CSS. Whether you're a beginner looking to expand your coding skills or an experienced developer seeking to explore the power of Next.js, this tutorial is for you.
Throughout this comprehensive tutorial, we will dive into the core concepts of Next.js 13, a popular and powerful framework for building modern web applications. With its server-side rendering capabilities, seamless routing, and optimized performance, Next.js has become a go-to choice for developers worldwide.
👉App Demo : https://ninja-project.vercel.app/
👉Hostinger Hosting Service: https://hostinger.com?REFERRALCODE=1G...
👉Source Code Github : https://github.com/rrs301/ninja-project
👉Full Stack Blog Website using React Js, Tailwind Css, Vite | React Js beginner tutorial : • Full Stack Blog Website using React Js, Ta...
👉Build Full Stack Next Js 13 app : Next Js, React, Tailwind Css, Firebase, NextAuth : • Build Full Stack Next Js 13 app : Next Js,...
👉Learn React Native By Building an Educational App (Complete PlayList): • Learn React Native By Building an Educatio...
👉Full Stack AI Chatbot : React Native, Next.js 13, Google Bard API, Expo : • Build Full Stack React Native App : React ...
🔴Follow us on Instagram: / tubeguruji
🔴Telegram Channel: https://t.me/tubeguruji
🔴Buy Me a Coffee: https://www.buymeacoffee.com/tubegurujiw
------Course Conten--------
00:00:00 Introduction
00:04:32 Create NextJs App
00:08:22 Run The App
00:10:09 Install Tailwind Css
00:13:09 Header
00:30:04 Next Auth Google Login
00:41:29 Update User Profile Image
00:44:29 NextJs Routing
00:50:55 Create Form Page
00:55:20 Get Form Value
01:13:12 Firebase Configuration in NextJs
01:17:49 Insert Data to Firebase
01:24:58 Storage Image in Firebase
01:36:46 Create Profile Page
01:48:43 Display User Project List
02:10:39 Create Modal Popup
02:16:30 Project Details
02:29:54 Delete Firebase Record
02:37:36 Display Home Screen