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.
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.
📓 5 Best Next.js Books for Beginners and Experienced Developers
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
👉Source Code Github : https://github.com/rrs301/ninja-player-next-js
Subscribe: https://www.youtube.com/@tubeguruji/featured
