Next.Js Full Stack Project Tutorial - Build Next Js 13 Full Stack App : NextJs, React, Firebase, NextAuth, Tailwind Css

Master Next.js & React Full Stack Development: Dive into AI-Powered App Creation with TubeGuruji – Build, Deploy, Conquer!

5.0 (2)

18 learners

What you'll learn

Learn to build and deploy full-stack applications using Next.js, React, and Tailwind CSS.
Master the integration of various APIs such as Google Maps, Clerk, and Firebase within Next.js apps.
Develop proficiency in using NextAuth for authentication in full-stack applications.
Gain skills in integrating AI technologies to enhance full-stack application functionalities.

This course includes

346 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

react nextjs Build Next Js 13 Full Stack App Firebase NextAuth tailwind css Build Project Showcase Full stack app Build NextJs React Firebase Tailwindcss App javascript nextjs project next js tutorial next js tutorial for beginners

Full Transcript

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=1GAME84 👉Source Code Github : https://github.com/rrs301/ninja-project 👉Full Stack Blog Website using React Js, Tailwind Css, Vite | React Js beginner tutorial : https://youtu.be/l_moN1w-vWY 👉Build Full Stack Next Js 13 app : Next Js, React, Tailwind Css, Firebase, NextAuth : https://youtu.be/Ai7HJH2I08s 👉Learn React Native By Building an Educational App (Complete PlayList): https://www.youtube.com/playlist?list=PLaBeGKL1tOU0FuOxkLHFy_zOlIqOWUcNc 👉Full Stack AI Chatbot : React Native, Next.js 13, Google Bard API, Expo : https://youtu.be/LhKguWePLp0 🔴Follow us on Instagram: https://www.instagram.com/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