## 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