next-template

A Next.js 13 template for building apps with Radix UI and Tailwind CSS using the App directory.

Features

• Radix UI Primitives
• Tailwind CSS
• Icons from Lucide
• Dark mode with next-themes configured in App directory
• Automatic import sorting with @ianvs/prettier-plugin-sort-imports

Tailwind CSS Features

• Class merging with taiwind-merge
• Animation with tailwindcss-animate
• Conditional classes with clsx
• Variants with class-variance-authority
• Automatic class sorting with eslint-plugin-tailwindcss

Import Sort

The starter comes with @ianvs/prettier-plugin-sort-imports for automatically sort your imports.

Credit

This template was modified from shadcn next-template

Additional components and interfaces

• Card to group and display content in a clear and concise format.
• Mobile Menu to display navigation in dialogue
• Text & Heading for consistant p and h styles
• Footer with navigation and supplementary pages
• Skip to content for accessibility
• Breadcrumb to helps users understand the hierarchy of a website