Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=gwOVynGnDZA


Category:
Tutorial
Duration: 2:33:59
52,446 views
1,639

Learn how to build a full stack Google Drive clone using Next.js, TypeScript, Tailwind CSS, and Firebase 9.

✏️ Course developed by @CybernaticoByNishant

💻 Code: https://github.com/nishant-666/Drive-2.0

⭐️ Contents ⭐️
(0:00:00) Introduction
(0:02:56) Base Setup
(0:06:46) Authentication
(0:29:26) Building the Topbar
(0:33:07) Upload Files Component I
(0:42:00) Initialising Firebase
(0:48:53) Upload Files Component ||
(0:54:43) Uploading Files to Storage
(1:06:06) Displaying Files
(1:24:35) Creating Folders
(1:39:35) Nested Folders and Files
(2:17:23) Adding Google Auth
(2:20:13) Sharing Files and Folders using Email

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2023-09-22Rust Project Tutorial – Authentication Server Using Warp + JWT
2023-09-21Mojo Programming Language – Full Course for Beginners
2023-09-19Build SEO Optimized Blog with Next.js, Tailwind CSS & Contentlayer – Full Tutorial
2023-09-19Python Tutorial for Beginners (with mini-projects)
2023-09-18Build & Deploy AI SaaS with Reoccurring Revenue (Next.js, OpenAI, Stripe, Tailwind, Vercel)
2023-09-13Vector Embeddings Tutorial – Code Your Own AI Assistant with GPT-4 API + LangChain + NLP
2023-09-11Fundamentals of Finance & Economics for Businesses – Crash Course
2023-09-112D Wave Defense Game – GDevelop GameDev Tutorial
2023-09-08Dynamic Programming with Java – Learn to Solve Algorithmic Problems & Coding Challenges
2023-09-07YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)
2023-09-05Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone
2023-09-05Prompt Engineering Tutorial – Master ChatGPT and LLM Responses
2023-09-04JavaScript Modules Crash Course
2023-09-01GraphQL Course for Beginners
2023-08-31MERN Stack Tutorial - Book Store Project
2023-08-30OWASP API Security Top 10 Course – Secure Your Web Apps
2023-08-29Machine Learning & Neural Networks without Libraries – No Black Box Course
2023-08-28Free Foundational C# Certification from Microsoft – Full Course
2023-08-25Create a Large Language Model from Scratch with Python – Tutorial
2023-08-24SQL For Web Developers - Complete Database Course
2023-08-23Perl Programming Course for Beginners