Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Full-Stack App with Next.js, Tailwind, Radix UI, and Prisma

Programming with Mosh via YouTube

Overview

Build a full-stack issue tracker application using Next.js, Tailwind CSS, Radix UI, Prisma, and MySQL in this comprehensive tutorial video. Learn essential skills for modern web development, including setting up a development environment, creating a responsive navbar, implementing database integration with Prisma, building RESTful APIs, and customizing UI components. Master form handling, error management, and client-side validation while exploring best practices for code organization in Next.js projects. Gain hands-on experience with the latest web technologies and frameworks to create a production-grade application from scratch.

Syllabus

Introduction
Prerequisites
Source Code
How to Take This Course
Project Roadmap
Setting Up the Development Environment
Creating a New Project
Building the NavBar
Styling the Active Link
Setting Up MySQL
Setting Up Prisma
Creating the Issue Model
Building an API
Setting Up Radix UI
Building the New Issue Page
Customizing Radix UI Theme
Ultimate Next.js Course
Adding a Markdown Editor
Handling Form Submission
Handling Errors
Implementing Client-Side Validation
Extracting the ErrorMessage Component
Adding a Spinner
Discussion- Code Organization
Ultimate Next.js Course

Taught by

Programming with Mosh

Reviews

Start your review of Build a Full-Stack App with Next.js, Tailwind, Radix UI, and Prisma

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.