Build Full stack Next js App: Next Js, React, Tailwind Css, Firebase, NextAuth, Cloud File manager
In this video, I will show you how to build a full-stack Next.js application using Next.js, React.js, Tailwind CSS, Firebase, NextAuth, and DaisyUI | Cloud File manager
🔥 Welcome to our comprehensive tutorial on building a high-performance Full Stack Next.js Cloud File Manager Application! In this step-by-step guide, we will harness the power of Next.js, React.js, Tailwind CSS, Firebase, NextAuth, and DaisyUI to create an efficient and secure cloud-based file management system.
📝 Whether you're a seasoned developer looking to enhance your skills or a beginner eager to dive into full-stack development, this tutorial is designed to cater to all levels of expertise.
🎥 Get ready to code along with our expert instructor as they guide you through each step of the development process. By the end of this tutorial, you'll have a fully functional and efficient Cloud File Manager Application that you can proudly add to your portfolio.
🚨 Don't miss out on the chance to enhance your full-stack development skills and take your web application-building capabilities to the next level! Hit the play button now and let's get started building your dream Next.js Cloud File Manager Application!
🔗 GitHub Repository: https://github.com/rrs301/cloud-file-...
👉App Demo : https://cloud-file-manager-nextjs.ver...
👉Hostinger Hosting Service: https://hostinger.com?REFERRALCODE=1G...
👉Complete React Native Course: https://www.udemy.com/course/learn-an...
👉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
#NextJS #ReactJS #TailwindCSS #Firebase #NextAuth #DaisyUI #FullStackDevelopment #WebApplication #CloudFileManager
___Counse Content_______
00:00:00 Introduction
00:05:47 Create NextJs App
00:07:43 Folder Structure & Run App
00:10:48 Install Tailwind Css
00:13:03 Install daisy UI
00:15:24 NextAuth : Google Authetication
00:26:33 Side Nav Bar
00:44:27 Layout
00:48:00 Search Bar
00:50:00 Folder List (UI)
00:60:20 File List
01:01:10 Add New Folder
01:08:18 Firebase Setup
01:13:37 Create New Folder (Cloud)
01:19:25 Show Toast Message
01:27:29 Display User Folders
01:34:36 Navigate Inside Folder
01:42:27 Create Subfolder
01:56:04 Add & Upload File
02:16:47 Display User Files
02:29:24 Delete File
02:34:01 Storage Information
02:54:15 Quick Update