Next.js Projects: Build a Full-stack App with Next.js, Tailwind, Radix UI, and Prisma

Video Description

Learn to build a modern, full-stack, production-grade issue tracker with Next.js (app router), Tailwind, Radix UI, Prisma, and MySQL. - Want to learn more? Get my complete Next.js series: https://bit.ly/nextjs-series - Subscribe for more videos like this: https://goo.gl/6PYaGF PART 1: GETTING STARTED WITH NEXT.JS https://youtu.be/ZVnjOPwW4ZA?si=yiWvZ96djRq9eX9F LEARN REACT YouTube Tutorial: https://youtu.be/SqcY0GlETPk?si=QHDzD9EaoXoPm1KM Complete React Course: https://bit.ly/3l0vWYR MORE FROM MOSH Courses: https://codewithmosh.com Blog: https://programmingwithmosh.com Facebook: https://www.facebook.com/programmingwithmosh/ Twitter: https://twitter.com/moshhamedani TABLE OF CONTENT 0:00:00 Introduction 0:02:06 Prerequisites 0:02:55 Source Code 0:03:34 How to Take This Course 0:04:33 Project Roadmap 0:06:49 Setting Up the Development Environment 0:08:07 Creating a New Project 0:10:59 Building the NavBar 0:19:52 Styling the Active Link 0:26:10 Setting Up MySQL 0:28:09 Setting Up Prisma 0:29:55 Creating the Issue Model 0:36:36 Building an API 0:43:31 Setting Up Radix UI 0:46:04 Building the New Issue Page 0:51:02 Customizing Radix UI Theme 0:55:55 Ultimate Next.js Course 0:56:56 Adding a Markdown Editor 0:58:52 Handling Form Submission 1:07:36 Handling Errors 1:14:26 Implementing Client-Side Validation 1:20:40 Extracting the ErrorMessage Component 1:24:03 Adding a Spinner 1:28:24 Discussion- Code Organization 1:32:22 Ultimate Next.js Course #nextjs #reactjs #webdevelopment