Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone
Offered By: freeCodeCamp
Course Description
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
Related Courses
Build a Full Stack Twitter clone with Next.jsCoursera Project Network via Coursera Next JS with React Hooks - Building SSR React Applications
Udemy End to End React with Prisma 2
Udemy Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera Next.js 14 & React - The Complete Guide
Udemy