https://github.com/codingcodax/next-template

Simple template built with Tailwind Variants, Hero Icons and Radix UI.
https://github.com/codingcodax/next-template

next-theme nextjs radix-ui tailwind-variant tailwindcss

Last synced: 7 days ago
JSON representation

Simple template built with Tailwind Variants, Hero Icons and Radix UI.

• Host: GitHub
• URL: https://github.com/codingcodax/next-template
• Owner: codingcodax
• Created: 2023-02-24T16:37:35.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-28T16:33:58.000Z (almost 2 years ago)
• Last Synced: 2024-12-25T18:56:35.621Z (9 days ago)
• Topics: next-theme, nextjs, radix-ui, tailwind-variant, tailwindcss
• Language: TypeScript
• Homepage: https://template.codingcodax.dev
• Size: 313 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

    

  

  
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`](https://github.com/ecklf/tailwindcss-radix)

- Dark mode with [`next-themes`](https://github.com/pacocoursey/next-themes)

- Icons from [Heroicons](https://heroicons.com/)

- Fonts with [`@next-font`](https://nextjs.org/docs/api-reference/next/font)

- Automatic import sorting with [`@ianvs/prettier-plugin-sort-imports`](https://github.com/IanVS/prettier-plugin-sort-imports)

## Tailwind CSS Features

- Class merging with [`taiwind-merge`](https://github.com/dcastil/tailwind-merge)

- Conditional classes with [`clsx`](https://github.com/lukeed/clsx)

- Variants with [`tailwind-variants`](https://www.tailwind-variants.org/)

- Automatic class sorting with [`eslint-plugin-tailwindcss`](https://github.com/francoismassart/eslint-plugin-tailwindcss)

### Techstack

This app was built with the T3 Stack:

- [Next.js](https://nextjs.org)

- [tRPC](https://trpc.io)

- [Tailwind CSS](https://tailwindcss.com)

- [TypeScript](https://typescriptlang.org)

- [Prisma](https://prisma.io)

- [NextAuth.js](https://next-auth.js.org)

## 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](./LICENSE.md)