Droply | A dropbox inspired full stack project with NextJS, Postgres, Clerk and ImageKit
Tech Stack used:
Latest NextJS
Clerk: https://hitesh.ai/Clerk
Clerk Docs: https://hitesh.ai/clerk-docs
Imagekit : https://hitesh.ai/imagekit
Imagekit Docs: https://hitesh.ai/Imagekit-docs
Drizzle
Neon
Zod
Github Repo: https://github.com/hiteshchoudhary/droply
00:00 - Droply
10:55 - Planning the project with drizzle and neon
01:10:57 - Learn zod validation schema
01:27:18 - Signup, clerk, OTP, zod and react hook form guide in NextJS
02:10:23 - Complete signin process with clerk
02:25:15 - Clerk middleware guide
02:39:35 - Upload any file with Imagekit in NextJS
03:02:13 - How dropbox handles folders in database
03:24:49 - Fetching files from folders and sub folders
03:37:17 - Custom API endpoint to upload on Imagekit
04:11:06 - Mark file as star or deleted in database
04:25:19 - Imagekit and HeroUI providers
04:43:36 - Assignments for this course
Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year.
Get all source code for react application:
https://github.com/hiteshchoudhary/react-english
All source code is available at my Github account:
https://github.com/hiteshchoudhary
Our Open-Source Project is here: https://freeapi.app
Join me at whatsapp: https://hitesh.ai/whatsapp
for community discord: https://hitesh.ai/discord
Instagram pe yaha paaye jaate h:
https://www.instagram.com/hiteshchoudharyofficial/
Learn React with 10 projects: https://www.youtube.com/watch?v=eCU7FfMl5WU&list=PLRAV69dS1uWQos1M1xP6LWN6C-lZvpkmq
Learn Docker: https://youtu.be/rr9cI4u1_88?si=fSK00PNOt0gqBXp6
Learn Kubernetes: https://www.youtube.com/watch?v=7XDeI5fyj3w
How does a browser works: https://youtu.be/5rLFYtXHo9s?si=UW1HrwGUzkk4E7qh
How nodejs works: https://youtu.be/ooBxSg1Cl1w?si=Ks6Wih1smJZSDz4V
Learn Redux-toolkit: https://www.youtube.com/watch?v=pX0SBJF01EU
Learn NextJS: https://www.youtube.com/watch?v=iPGXk-i-VYU&list=PLRAV69dS1uWR7KF-zV6YPYtKYEHENETyE
Learn Typescript: https://www.youtube.com/watch?v=j89BvWz8Eag&list=PLRAV69dS1uWRPSfKzwZsIm-Axxq-LxqhW
Learn Javascript: https://www.youtube.com/watch?v=2md4HQNRqJA&list=PLRAV69dS1uWSxUIk5o3vQY2-_VKsOpXLD
Learn React Native: https://www.youtube.com/watch?v=kGtEax1WQFg&list=PLRAV69dS1uWSjBBJ-egNNOd4mdblt1P4c
Learn Zustand: https://www.youtube.com/watch?v=KCr-UNsM3vA&list=PLRAV69dS1uWQMXekDgw7fRAsHmsbKWkwu
Learn Golang: https://www.youtube.com/watch?v=X4q1OM0voO0&list=PLRAV69dS1uWSR89FRQGZ6q9BR2b44Tr9N