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

Start learning Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial builds a Dropbox-style file-storage application with Next.js. It covers Drizzle and Neon project planning, Zod validation, Clerk authentication, ImageKit uploads, and folder and file operations in a database.

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

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.