Next.Js Full Stack Project Tutorial - Build Full stack Next js App: Next Js, React, Tailwind Css, Firebase, NextAuth, Cloud File manager

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 nextjs react Build Full stack Next js Application NextJs Cloud File Manager File Manager using NextJs NextJs TailwindCss next 13 tailwind css next js tutorial for beginners

Full Transcript

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-manager-nextjs 👉App Demo : https://cloud-file-manager-nextjs.vercel.app/ 👉Hostinger Hosting Service: https://hostinger.com?REFERRALCODE=1GAME84 👉Complete React Native Course: https://www.udemy.com/course/learn-and-build-react-native-app-from-scratch-for-beginners 👉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 #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