zhixiangyao/nextjs-app-ts-starter

nextjs-app-ts-starter

This template will help you start developing in NextJs using React Shadcn-ui Zustand TypeScript TailwindCSS.

Libraries

• zustand: State management
• lucide-react: Icon
• clsx: Merge className

Editor:

• VSCode

VSCode extension:

• Tailwind CSS IntelliSense

Development ENV:

• NodeJs
• Git

Clone

git clone git@github.com:zhixiangyao/nextjs-app-ts-starter.git
cd nextjs-app-ts-starter
pnpm i # If not install pnpm, please run: npm install -g pnpm

Getting Started

First, run the development server:

pnpm dev

Use Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. Get Started. Shadcn Document

pnpm dlx shadcn-ui@latest add button

Usage

import { Button } from '@/components/ui/button'

<Button variant="outline">Button</Button>

Config

The components.json file holds configuration for your project.