How to create a new shadcn/ui project
Create a new project using the shadcn/ui next-template
shadcn/ui has created a great GitHub template that I love using for new projects. It helps speed up the boilerplate and scaffolding phases of a new project.
This and the next lessons will be focused on creating a new project using the template.
It includes the following features:
Next.js 13 App Directory
Radix UI Primitives
Tailwind CSS
Icons from Lucide
Dark mode with next-themes
Tailwind CSS class sorting, merging, and linting.
Use it to create the first application: a news website. You can call it Newsly.
Run the following command:
xxxxxxxxxxnpx create-next-app -e https://github.com/shadcn/next-template newslyIf everything was successful, you should see the following output:
This lesson preview is part of the Sleek Next.JS Applications with shadcn/ui course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.
Get unlimited access to Sleek Next.JS Applications with shadcn/ui, plus 70+ \newline books, guides and courses with the \newline Pro subscription.
