Preview: README.md
Size: 1.07 KB
/var/www/sitesecurity.bitkit.dk/httpdocs/README.md
## Getting Started
## Installation
```bash
npx create-next-app@latest project-name
cd project-name
```
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
### Styled component library
### Shadcn, tailwind
step : 1 : Install tailwind initially, https://tailwindcss.com/docs/guides/nextjs
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
Update globals.css and tailwind.config.js, follow the instructions on the reference link
step : 2 : Install shadcn npx shadcn@latest init, https://ui.shadcn.com/
step : 3 : add shadcn components, eg: npx shadcn@latest add button
Install each shadwcn components seperately to use the component library
```bash
import { Button } from "@/components/ui/button"
export default function Home() {
return (
<div>
<Button>Click me</Button>
</div>
)
}
```
## SCSS
### Installation
npm install sass
node version 20.13.1
npm version : 10.5.2
Directory Contents
Dirs: 5 × Files: 19