Build Full Stack Next Js 13 app : Next Js, React, Tailwind Css, Firebase, NextAuth
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=1G...
👉Source Code Github : https://github.com/rrs301/ninja-playe...
Full Stack Blog Website using React Js, Tailwind Css, Vite | React Js beginner tutorial : • Full Stack Blog Website using React Js, Ta...
👉Learn React Native By Building an Educational App (Complete PlayList): • Learn React Native By Building an Educatio...
👉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
#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