Sleek Next.JS Applications with shadcn/ui

5h 10m 20s
English
Paid

Dive into the development of modern web interfaces by learning the fundamentals of shadcn/ui, TailwindCSS, and Radix UI. Learn to create flexible and modular user interfaces and integrate these skills into Next.js projects. This course will help you become a leader in cutting-edge frontend technologies.

During the training, you will master:

  • A deep understanding of shadcn/ui and the theory behind it,
  • The creation of two fully functional applications ready for production use,
  • Skills for working with the library and contributing to its development.

Upon completion of the course, you will confidently master the tools for building modern and high-quality web applications.

Watch Online Sleek Next.JS Applications with shadcn/ui

Join premium to watch
Go to premium
# Title Duration
1 Introduction 01:32
2 About the Course 03:40
3 The shadcn-ui way 01:30
4 How to create a new shadcn-ui project 02:17
5 Exploring the shadcn-ui next-template Project Structure 06:16
6 shadcn-ui Command Line (CLI) Tool 05:11
7 Typography in shadcn-ui 04:02
8 Building a News Site - Layout 05:30
9 Building a News Site - Navigation 11:55
10 Building a News Site - Fetching Articles 05:57
11 1Building a News Site - Home Page 22:20
12 Building a News Site - Category Page 11:21
13 Building a News Site - Article Preview 05:57
14 shadcn-ui Dark Mode 04:34
15 Theming in shadcn-ui 08:14
16 Shadcn-ui Styles 03:12
17 Animations in shadcn-ui 05:03
18 Layout And Header 10:52
19 Event Page 21:23
20 The Event Sheet 14:09
21 Create a Card Variant in shadcn-ui 04:43
22 Building The User Context 11:16
23 Building the Login Button 04:45
24 Building the Authentication Form 14:35
25 Finish the Authentication Flow 06:11
26 RSVP Functionality 11:06
27 Setting Up and Configuring Tables in shadcn-ui 10:06
28 Custom Cells and Interactive Rows 06:39
29 New Events Form 22:54
30 Pagination and Sorting 07:46
31 Mobile View 04:08
32 What is component composition 04:21
33 Building a Filter Component with shadcn-ui 18:53
34 shadcn-ui source code architecture 08:01
35 Setup shadcn-ui Development Environment 03:25
36 Contributing to Shadcn UI 16:36

Similar courses to Sleek Next.JS Applications with shadcn/ui

Build A Canva Clone

Build A Canva CloneCode With Antonio

Category: Next.js
Duration 17 hours 48 minutes 39 seconds
Next40. Master Next.js 14 in 40 days of epic projects

Next40. Master Next.js 14 in 40 days of epic projectsReed Bargernextjs40.com

Category: Next.js
Duration 4 hours 52 minutes 49 seconds
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT

FULL Authentication WITH REACT JS NEXT JS TYPESCRIPTudemy

Category: TypeScript, React.js, Next.js
Duration 6 hours 52 minutes 28 seconds
Complete Next.js with React & Node - Beautiful Portfolio App

Complete Next.js with React & Node - Beautiful Portfolio Appudemy

Category: Next.js
Duration 59 hours 43 minutes
Building a Full-stack Multilingual Blog with Next.js 13.4

Building a Full-stack Multilingual Blog with Next.js 13.4udemy

Category: Next.js
Duration 9 hours 15 minutes 4 seconds
Ultimate Next.js Course 2024 Edition

Ultimate Next.js Course 2024 Editiondevelopedbyed.com

Category: Next.js
Duration 29 hours 39 minutes 9 seconds
Stripe for SaaS

Stripe for SaaSfireship.io

Category: Next.js
Duration 1 hour 11 minutes 29 seconds
Build and Deploy a Lovable Clone

Build and Deploy a Lovable CloneCode With Antonio

Category: React.js, Next.js, Other (AI)
Duration 10 hours 34 minutes 16 seconds
Build your AI startup in hours using our customizable demo apps | AnotherWrapper

Build your AI startup in hours using our customizable demo apps | AnotherWrapperFekri

Category: Next.js, Other (Mobile Apps Development)
Duration
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)udemy

Category: React.js, Next.js, Node.js, GraphQL
Duration 28 hours 38 minutes 19 seconds