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

freeCodeCamp

Learn Next.js by Coding Your Own Dropbox Clone - Full Tutorial

via freeCodeCamp

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Build a Dropbox-inspired file storage service called Droply in this comprehensive 4-hour 50-minute tutorial designed for beginners. Master the latest Next.js ecosystem tools while creating a fully functional cloud storage application from scratch. Explore secure authentication with Clerk including OTP signup, robust data management with Neon and Drizzle, form validation with ZOD, and seamless file uploads with Imagekit. The tutorial progresses through project planning, database design, user authentication implementation, file upload functionality, folder structure management, and custom API endpoints. By the end, you'll understand how to handle complex features like starring and deleting files, working with providers, and will have assignments to further enhance your skills. Access the complete source code on GitHub and follow along with the detailed chapter breakdown covering everything from initial setup to advanced implementation details.

Syllabus

⌨️ 0:00:00 Droply
⌨️ 0:11:25 Planning the project with drizzle and neon
⌨️ 1:11:27 Learn zod validation schema
⌨️ 1:27:48 Signup, clerk, OTP, zod and react hook form guide in Next.js
⌨️ 2:10:53 Complete signin process with clerk
⌨️ 2:25:45 Clerk middleware guide
⌨️ 2:40:05 Upload any file with Imagekit in Next.js
⌨️ 3:02:43 How dropbox handles folders in database
⌨️ 3:25:19 Fetching files from folders and sub folders
⌨️ 3:37:47 Custom API endpoint to upload on Imagekit
⌨️ 4:11:36 Mark file as star or deleted in database
⌨️ 4:25:49 Imagekit and HeroUI providers
⌨️ 4:44:06 Assignments for this course

Taught by

freeCodeCamp.org

Reviews

Start your review of Learn Next.js by Coding Your Own Dropbox Clone - Full Tutorial

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.