https://github.com/hunghg255/next13-tailwindcss-jotai

Next13, Tailwindcss, Jotai
https://github.com/hunghg255/next13-tailwindcss-jotai

jotai nextjs tailwindcss template

Last synced: about 2 months ago
JSON representation

Next13, Tailwindcss, Jotai

• Host: GitHub
• URL: https://github.com/hunghg255/next13-tailwindcss-jotai
• Owner: hunghg255
• Created: 2023-03-14T04:15:48.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-27T05:30:22.000Z (5 months ago)
• Last Synced: 2024-08-27T06:41:07.031Z (5 months ago)
• Topics: jotai, nextjs, tailwindcss, template
• Language: HTML
• Homepage:
• Size: 1.66 MB
• Stars: 11
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nextjs + Tailwindcss + Jotai + i18n

## Getting Started

First, run the development server:

```bash

# Install package

npm install or yarn

# Run

npm run dev or yarn dev

```

## Gen Color

1. Update color to `styles/color-preview.json`

- Add value

  Example:

```js

{

   Light: {

     primary: {

       "8": '#FF0000',

     }

   }

}

```

## Gen Icon

```js

1. Copy file svg to `public/svgIcon`

2. Run command: `npm run gen-icon`

3. Check component `Icon` in `src/components/UI/Icon/Icon.tsx`

```

More: Install extenstion to preview icon: [Icon-Preivew](https://marketplace.visualstudio.com/items?itemName=hunghg255.iconify-preview)

## Commit Convention

[commit-convention](.github/commit-convention.md)

## Library Docs

```md

1. Framework Nextjs: https://nextjs.org/

2. State management Reactjs: https://jotai.org/

3. Library UI: https://tailwindcss.com/

4. Library for request api: https://www.npmjs.com/package/umi-request

5. Library Multiple Language: https://www.npmjs.com/package/next-i18next

6. Library Hooks popular: https://ahooks.js.org/

7. Library dayjs: https://day.js.org/

8. Processing CSS: https://sass-lang.com/guide

```