Droply | A dropbox inspired full stack project with NextJS, Postgres, Clerk and ImageKit
Hitesh Choudhary
@hiteshcodelabAbout
Website: https://hiteshchoudhary.com Hey there everyone, Hitesh here back again with another video! This means I create a lot of videos, every single week. I cover a wide range of subjects like programming, what's latest in tech, new frameworks, open-source products etc. I keep my interest in a wide area of tech like Javascript, Python, PHP, Machine Learning, etc. For the Business purpose, Sponsorships and invitation, reach out at [email protected] NOTE: Personal questions and code-related questions are not answered at this email. Post them in the course discussion section or react me out at social platforms. #iWriteCode Instagram: https://instagram.com/hiteshchoudharyofficial Facebook: www.fb.com/HiteshChoudharyPage
Latest Posts
Video Description
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
You May Also Like
Essential iPhone 13 Accessories
AI-recommended products based on this video
Kaistyle for Magsafe Car Mount【20 Strong Magnets】 Magnetic Phone Holder for Car Phone Holder Mount Dash Cell Phone Holders for Your Car Accessories for Women Men for iPhone 17 Pro Max 16 15 14 13 12 ClimatePartner certified
![Car Phone Holder for Magsafe [78+LBS Strongest Suction & 2400gf Magnetic] 360° Adjustable Car Phone Mount, Phone Holders for Your Car for iPhone 17 Pro Max 16 15 14 13 12 Air Plus (Carbon Fiber) Global Recycled Standard](https://m.media-amazon.com/images/I/712lUnThXpL._AC_UL960_FMwebp_QL65_.jpg)
Car Phone Holder for Magsafe [78+LBS Strongest Suction & 2400gf Magnetic] 360° Adjustable Car Phone Mount, Phone Holders for Your Car for iPhone 17 Pro Max 16 15 14 13 12 Air Plus (Carbon Fiber) Global Recycled Standard
Apple AirPods 4 Wireless Earbuds, Bluetooth Headphones, Personalized Spatial Audio, Sweat and Water Resistant, USB-C Charging Case, H2 Chip, Up to 30 Hours of Battery Life, Effortless Setup for iPhone
Belkin BoostCharge Lightning Cable - 6.6ft/2M - MFi Certified Apple iPhone Charger USB to Lightning Cable - iPhone Cable - iPhone Charger Cord - Apple Charger - USB Phone Charger - Black
Wireless Bluetooth Mouse for Apple iPad iPhone MacBook Android Samsung Tablet Phone Dual-Mode Rechargeable 2.4G Portable Computer Mice for Windows Laptop Notebook PC Mac Desktop USB Receiver (Black)
Apple EarPods Headphones with Lightning Connector, Wired Ear Buds for iPhone with Built-in Remote to Control Music, Phone Calls, and Volume
Anker Power Bank(PowerCore 10K),Compact Travel-Ready 10,000mAh Battery Pack with PowerIQ Charging Technology,5V/3A High-Speed Charging for iPhone,iPad,and More (USB-C Input and Output（Black），1pack) ClimatePartner certified
Anker USB C to USB C Cable, Type-C 60W Fast Charging Cable (6FT, 2Pack) for iPhone 16 Series, iPad mini 6 and More (Black) ClimatePartner certified
