Build A Full Stack Blog App: Next.js 13.4, React, Tailwind, Prisma, MongoDB (2023)
In this tutorial, we will build a full stack blog application using Next.js 13 From Scratch With API. We will use React 18 Server Components, Tailwind CSS, Prisma, MongoDB & More to build a modern, production-ready blog application.
✨External Links
Source Code: https://github.com/Nikhilthadani/next...
Prisma: https://www.prisma.io/
MongoDB: https://www.mongodb.com/
Next.js: https://nextjs.org/
React: https://react.dev/
Tailwind CSS: https://tailwindcss.com/
✨ What you will learn:
How to set up a Next.js 13 project
How to use React Server Components with Next.js
How to use Tailwind CSS with Next.js
How to use Prisma to connect to a MongoDB database
Create A REST API With Prisma MongoDB CRUD Operations
How to add both Client and Server Components in Next.js 13 App Router
✨ Timestamps:
0:00 Introduction to Project
1:00 Create A Next.js 13 Application From Scratch
6:47 Creating API
7:28 Install Prisma and Setup With MongoDB And Create Schemas
14:49 Creating GET API Handler
21:20 Creating A POST Handler
27:02 Creating a Dynamic API Route Handler With GET Request
33:09 Creating A PUT Request to update Blog
35:27 Creating A DELETE Handler
37:32 Moving Into Frontend And Creating A Server Component With HTTP Request
43:17 Designing Homepage of Application With Tailwind
59:17 Creating A Client Component For Adding A New Blog
1:15:46 Creating Edit and Delete Functionality On Frontend
1:33:23 Summary and Good Luck!
🙏 Enjoyed? Please Give A Super Thanks!
👇 Follow Me On Social Media:
Github: https://github.com/nikhilthadani
Instagram: instagram.com/indiancoders.in
www.indiancoders.in
Смотрите видео Build A Full Stack Blog App: Next.js 13.4, React, Tailwind, Prisma, MongoDB (2023) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Indian Coders 09 Июнь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 26,676 раз и оно понравилось 652 людям.