Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Overview

Build a full-stack Google Drive clone in this comprehensive tutorial using Next.js, TypeScript, Tailwind CSS, and Firebase 9. Learn authentication, create a topbar, implement file upload functionality, initialize Firebase, display files, create folders with nested structures, add Google Auth, and enable file and folder sharing via email. Follow along with the step-by-step guide, from base setup to advanced features, to develop a fully functional cloud storage application. Access the complete source code on GitHub to enhance your full-stack development skills and create a practical, real-world project.

Syllabus

Introduction
Base Setup
Authentication
Building the Topbar
Upload Files Component I
Initialising Firebase
Upload Files Component ||
Uploading Files to Storage
Displaying Files
Creating Folders
Nested Folders and Files
Adding Google Auth
Sharing Files and Folders using Email

Taught by

freeCodeCamp.org

Reviews

Start your review of Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.