This template is a ready-to-use Next.js project that integrates several modern web development tools and libraries for a seamless development experience. It includes Shadcn-UI and Radix-UI for UI components, a theme toggler with Next Themes, Sonner for toasts, and is pre-configured with TailwindCSS, Prettier, ESLint, TypeScript, and the Taze library for dependency management.
- Shadcn-UI and Radix-UI: Powerful and customizable UI libraries for building responsive interfaces.
- Theme Toggler: Easily switch between themes with Next Themes.
- Sonner for Toasts: Elegant toast notifications for user feedback.
- TailwindCSS: Utility-first CSS framework for rapid UI development.
- Prettier and ESLint: Pre-configured code formatting and linting for consistent code quality.
- TypeScript: Strongly typed programming language that builds on JavaScript.
- Taze: Dependancy management tool to keep your project up-to-date.
Ensure you have Node.js installed on your system. You can download it from Node.js website.
To use this template, you'll need to clone it using a tool like degit
, which allows you to easily clone repositories without the extra history.
In the example below, we'll use pnpm as our package manager, but you can use npm/bun/yarn if you prefer.
pnpx degit JohnC0de/nextshad-template myapp
cd myapp
pnpm install
This will clone the repository into a new folder on your machine and install all necessary dependencies.
To start the development server, run:
pnpm run dev
This will start the Next.js development server, and you can begin working on your project.
- Themes: You can customize the themes using shadcn-ui, visit the Shadcn-UI docs for more information.
- UI Components: Customize Shadcn-UI and Radix-UI components in the respective component files.
- TailwindCSS: Tailor your styles in the Tailwind configuration file.
Contributions to improve this template are welcome. Please follow the standard pull request process.
This template is released under the MIT License.