Fullstack JSON Sharing App with Next js Clerk Prisma amp PostgreSQL











>> YOUR LINK HERE: ___ http://youtube.com/watch?v=H0GUJV5a8Wg

Learn how to create a fullstack web app using Next.js, Clerk for authentication, Prisma ORM, and PostgreSQL. In this tutorial, users will be able to log in, create and save JSON data, and share it with others. • 🛠️ Tools Packages Used: • [Next.js]: https://nextjs.org/docs • [Clerk]: https://clerk.com/docs/quickstarts/ne... • [Shadcn UI]: https://ui.shadcn.com/docs • [Date-fns]: https://www.npmjs.com/package/date-fns • [@uiw/react-codemirror]: https://www.npmjs.com/package/@uiw/re... • [@codemirror/lang-json]: https://www.npmjs.com/package/@codemi... • ⏱️ Timestamps: • 00:00 - Introduction • 01:21 - Installing and Setting Up Next.js • 02:07 - Installing Shadcn UI • 03:20 - Creating the Navbar Component • 10:16 - Building the Dashboard Page • 19:00 - Adding a Modal Form for JSON Data • 30:48 - Installing and Setting Up Clerk • 34:47 - Installing and Setting Up Prisma • 40:10 - Storing User Data from Clerk into PostgreSQL • 43:36 - Creating an API Route for POSTing New JSON Data • 51:00 - Creating an API Route to GET All Data • 01:00:08 - Creating the Detail Page • 01:02:30 - Creating an API Route to GET Detailed JSON Data • 🌐 Check out more content: • Setup Prisma in Next.Js: https://www.cand.site/blog/prisma-nex... • 💻 Get the Source Code: • GitHub: https://github.com/candraKriswinarto/... • 🌐 Recommended Digital Tools (Affiliate Links): • Hostinger: Get 20% Off on Web Hosting - https://dub.sh/zrpWarU • 👍 If you found this video helpful, please like, and subscribe! • ❓ Any questions? Drop them in the comments below! • #Coding #WebDevelopment #fullstack

#############################









Content Report
Youtor.org / Youtor.org Torrents YT video Downloader © 2024

created by www.mixer.tube