Welcome to

Sleek Next.JS Applications with shadcn/ui

Build Modern User Interfaces with Radix UI and Tailwind CSS

Course Syllabus and Content

Module 1

Introduction

4 Lessons 6 Minutes

Welcome to the course! In this module, you'll learn about the building blocks of shadcn/ui, the core principles behind it, how's this course works, and reason we decided to make it. You'll gain deep knowledge on the core concepts behind shadcn/ui to prepare you for the rest of the course.

Module 2

Installation & Getting Started

5 Lessons 13 Minutes

Learn how to install shadcn/ui in an existing project, how to use the shadcn/ui CLI, and how to start a new shadcn/ui project

Module 3

Building a News Site

10 Lessons1 Hours 6 Minutes

Learn how to build a news site using shadcn/ui and Next.js

Module 4

Theming & Customization

7 Lessons 21 Minutes

Learn how to customize the look and feel of your shadcn/ui components, how to create your own themes, how to use shadcn/ui styles, and how to customize shadcn/ui animations

Module 5

Building Event Management App

5 Lessons 51 Minutes

Learn how to build an event management app using shadcn/ui and Next.js

Module 6

Building Forms

7 Lessons 47 Minutes

Learn how to build shadcn/ui forms for authentication flows and event registrations

Module 7

Building Powerful Tables

7 Lessons 51 Minutes

Learn how to build powerful tables in shadcn/ui with features like sorting, filtering, and pagination

Module 8

Composing New Components

4 Lessons 23 Minutes

Learn how to compose new components in shadcn/ui and build a new Filter component

Module 9

Contributing to the shadcn/ui Project

6 Lessons 28 Minutes

Learn how to contribute to the shadcn/ui project and build your own components

Module 10

Wrapping Up

1 Lesson

Summary of the Building Sleek and Modern Web Applications with shadcn/ui Course