Build Full Stack Recipe Manager App with Next JS 14, Authentication Clerk, Prisma, MongoDB

You can also learn about server action of next js here.

What You’ll Learn:
User Authentication: Integrate Clerk to handle user registration, login, and secure authentication.
Database Management: Use Prisma ORM to seamlessly interact with MongoDB.
Recipe Management: Create, read, update, and delete recipes with a user-friendly interface. Search and sorting methods.
Deploying the Application: Deploy your Recipe Manager to a cloud platform.
Tools and Technologies:

Clerk: A modern authentication solution for user management.
Prisma: A next-generation ORM for interacting with databases.
MongoDB: A NoSQL database known for its scalability and flexibility.
Why Watch?
Whether you’re a beginner looking to enhance your full-stack development skills or an experienced developer exploring new technologies, this tutorial provides valuable insights and practical knowledge to help you build a professional-grade Recipe Manager application.

Links and Resources:

Chapters:
00:00 - Introduction & Into
06:20 - Project Setup
07:10 - Authentication with Clerk
27:10 - Basic UI Setup
30:05 - Building the Backend & Upsert recipe
52:38 - Prisma Setup
01:37:00 - My Listing
02:55:00 - Index Page Setup
03:25:00 - Save & Rating

If you enjoyed this tutorial, make sure to like, comment, and subscribe for more content like this. Join our developer community to share your projects, ask questions, and connect with other developers!

Your Queries
● MERN Project
● MERN Stack Project
● Complete MERN Stack Project
● Full Stack Web Application
● How to Create MERN Project
● Learn to build Full Stack MERN Project
● Build Complete MERN Project
● How to make website
● How to create a website
● How to create a full stack web application
● HTML
● CSS
● Javascript
● Tailwind CSS
● React Js
● MongoDB
● Express Js
● Node Js
● Next Js

Don’t forget to tag our Channel…!
#mern
#webdevelopment
#reactjs
#mongodb
#expressjs
#nodejs
#tailwindcss
#jsx
#html
#css
#javascript
#mernstack
#github
#git
#LearnCoding
#nextjs

[sheelshah]

Nice tutorial. It helps me a lots for my university project

[smartdriver]

Thanks for the tutorial. It is awesome

[faisalzone]

Good tutorial. One feedback is please use a regular / default font- Consolas, Courier New or Monospace. It is difficult to easily read the code.