https://github.com/mozzius/tincysite
https://github.com/mozzius/tincysite
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mozzius/tincysite
- Owner: mozzius
- Created: 2023-03-30T15:09:42.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-09T16:28:53.000Z (about 3 years ago)
- Last Synced: 2025-09-06T19:57:43.659Z (9 months ago)
- Language: TypeScript
- Homepage: https://tincysite.vercel.app
- Size: 609 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# next-template
A Next.js 13 template for building apps with Radix UI and Tailwind CSS.
## Features
- Radix UI Primitives
- Tailwind CSS
- Fonts with `@next/font`
- Icons from [Lucide](https://lucide.dev)
- Dark mode with `next-themes`
- 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.
### Input
```tsx
import * as React from "react";
import Link from "next/link";
import { buttonVariants } from "@tincy/components/ui/button";
import { siteConfig } from "~/config/site";
import "~/styles/globals.css";
import { twMerge } from "tailwind-merge";
import { cn } from "~/lib/utils";
import { NavItem } from "~/types/nav";
```
### Output
```tsx
import * as React from "react";
// React is always first.
import Link from "next/link";
// Followed by next modules.
import { twMerge } from "tailwind-merge";
// Followed by third-party modules
// Space
import "~/styles/globals.css";
// lib
import { buttonVariants } from "@tincy/components/ui/button";
// types
import { siteConfig } from "~/config/site";
// config
import { cn } from "~/lib/utils";
// styles
import { NavItem } from "~/types/nav";
// components
```
### Class Merging
The `cn` util handles conditional classes and class merging.
### Input
```ts
cn("px-2 bg-slate-100 py-2 bg-slate-200");
// Outputs `p-2 bg-slate-200`
```
## License
Licensed under the [MIT license](https://github.com/shadcn/ui/blob/main/LICENSE.md).