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

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

javascript react typescript Build Full Stack Next Js app Next Js Tailwind Css Firebase fullstack app nextjs fullstack app nextjs beginner Build Next.Js Full Stack App NextJs 13 FullStack App

Full Transcript

In this video, we will build a full stack Next.js app using React, Tailwind CSS, Firebase, and NextAuth. We will start by setting up our development environment and installing all of the necessary dependencies. Then, we will create a simple Next.js app with a few pages. We will use Tailwind CSS to style our app, and Firebase to provide authentication and database storage. Finally, we will use NextAuth to add user authentication to our app. Get 10,000 free mins with ZEGOCLOUD: https://bit.ly/4gnHcW9 Pre-built UIKits to build apps faster: https://bit.ly/4gnH0Gp Learn more about video call SDK: https://bit.ly/3BdE7cd ZEGOCLOUD SDK provides easy video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction. By the end of this video, you will have a working knowledge of how to build a full stack Next.js app using React, Tailwind CSS, Firebase, and NextAuth. 👉Hostinger Hosting Service: https://hostinger.com?REFERRALCODE=1GAME84 👉Source Code Github : https://github.com/rrs301/ninja-player-next-js Full Stack Blog Website using React Js, Tailwind Css, Vite | React Js beginner tutorial : https://youtu.be/l_moN1w-vWY 👉Learn React Native By Building an Educational App (Complete PlayList): https://www.youtube.com/playlist?list=PLaBeGKL1tOU0FuOxkLHFy_zOlIqOWUcNc 👉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 #reactjs #tailwindcss #nextjs #nextauth 00:00:00 Introduction 00:03:26 Create Next App 00:06:54 Install Tailwind Css 00:10:09 File & Folder Setup 00:14:38 Header 00:24:44 React Icons 00:29:37 Google Next Auth 00:38:59 Hero Section 00:51:39 Game List 00:59:25 Integrate Firebase 01:01:34 Get Data From Firebase 01:08:01 Display Post 01:21:16 Daisy UI & Modal 01:30:09 Page Routing 01:35:58 Create Post Image 01:44:01 Save Post in Firebase 01:46:44 Upload Image to Firebase 01:52:00 Create Profile Page