Next Template

Next.js Template

Simple template built with Tailwind Variants, Hero Icons and Radix UI.
Try it out!

Feature Request · Bug Report

Features

• Tailwind CSS.
• Tailwind CSS and Radix UI with tailwindcss-radix
• Dark mode with next-themes
• Icons from Heroicons
• Fonts with @next-font
• Automatic import sorting with @ianvs/prettier-plugin-sort-imports

Tailwind CSS Features

• Class merging with taiwind-merge
• Conditional classes with clsx
• Variants with tailwind-variants
• Automatic class sorting with eslint-plugin-tailwindcss

Techstack

This app was built with the T3 Stack:

• Next.js
• tRPC
• Tailwind CSS
• TypeScript
• Prisma
• NextAuth.js

Gallery

Desktop

Dark

Light

Mobile

Dark

Light

Set up

To build the template you only have to copy .env.example to .env and update both files when you add/delete a new variable.

License

Licensed under the MIT license