Build & Deploy a Full-Stack Website with Next.js 13 | Typescript, Prisma, Cloudinary, Tailwind

Check out my courses: https://gtcoding.net/courses/
Source code: https://github.com/Godsont/Tech-News

🚀 Welcome to our latest YouTube tutorial where we embark on an exciting journey to create a cutting-edge full-stack website using Next.js 13! 🌐

In this video, we'll cover the entire development process, from start to finish, including all the essential tools and technologies you need to know. We'll be utilizing Prisma to seamlessly connect to our MongoDB database, Cloudinary for efficient image management, and Tailwind CSS for sleek and responsive styling. With TypeScript, we'll ensure a robust and error-free codebase.

But that's not all! We're also diving into Next Auth to handle user authentication seamlessly and React Hot Toast for snappy toast notifications. 🎉

Here's what you can expect in this video:

🔗 Setting up Next.js 13 for your project
📊 Integrating Prisma with MongoDB for database management
📸 Managing and optimizing images with Cloudinary
🎨 Styling your site with Tailwind CSS for a sleek and modern look
📝 Developing the project with TypeScript for code safety
🔐 Implementing Next Auth for secure and user-friendly authentication
💬 Adding toast notifications with React Hot Toast
🚀 Deploying your website to Vercel for free

By the end of this tutorial, you'll have a comprehensive understanding of building a full stack Next JS 13 app.

Timestamps:
------------

00:00:00 - Intro
00:00:41 - Demo
00:07:51 - Setting Up
00:11:10 - Navbar & Footer
00:21:04 - Categories List Component
00:25:45 - Sign In Page
00:31:01 - Post Component
00:56:27 - Create Post Page
01:12:25 - Next Auth Set Up
01:29:14 - Route Protection
01:47:45 - Prisma Adapter
01:58:44 - The API
02:31:15 - Connecting The API to UI
02:56:11 - Delete Post
03:04:18 - Edit Post
03:25:23 - Cloudinary Setup
03:56:15 - Toast Notifications
04:03:13 - Deploy To Vercel