Newline – Sleek Next.JS Applications with shadcn/ui 2024-8

Apr 18, 2025 - 18:09

0 0

Sleek Next.JS Applications with shadcn/ui course. This course will help you confidently build modern web UIs using the basics of shadcn/ui, TailwindCSS, and Radix UI. You’ll learn how to design flexible and modular UIs and implement these skills in your Next.js projects. With this course, you’ll be at the forefront of front-end innovation.

What you will learn:

Why shadcn/ui is so popular and how it’s changing the landscape of UI development
Problems solved by shadcn/ui and the main concepts behind it
How shadcn/ui uses TailwindCSS and Radix UI to create a collection of beautiful and accessible components
Themes, styles in shadcn/ui and how to customize them for your needs
Build powerful layouts, tables, data grids, and forms with shadcn/ui
How to integrate shadcn/ui with Next.js applications to build modern front-end applications
Customizing internal shadcn/ui animations
Combining components and creating new components from existing shadcn/ui components
Creating a custom filter component with shadcn/ui
How to contribute to shadcn/ui and help the open source community

This course is suitable for people who:

They are building user interfaces daily and love learning the most modern front-end technologies.
They spend a lot of time customizing existing UI libraries.
They waste time making their components accessible.
They don’t feel confident in building new components from scratch.
They are tired of adapting their user interface to the requests of their design colleagues.
They understand that modern UI development is a skill and not just about writing code.

Course details Sleek Next.JS Applications with shadcn/ui

Publisher: Newline
Instructor: Eyal Cohen
Training level: Beginner to advanced
Training duration: 5 hours and 10 minutes
Number of lessons: 36

Course topics

Sleek Next.JS Applications with shadcn/ui

Course prerequisites

Basic HTML, CSS, and JavaScript are required, with the course benefiting most from prior experience in React, particularly its fundamentals like hooks, components, state, and props, alongside Next.js familiarity, though not mandatory, with a project utilizing the shadcn -ui Next.js template, while ensuring a functioning Node.js environment with Node.js 16 or later installed, and TypeScript knowledge is advantageous.