https://github.com/hunghg255/next13-tailwindcss-jotai
Next13, Tailwindcss, Jotai
https://github.com/hunghg255/next13-tailwindcss-jotai
jotai nextjs tailwindcss template
Last synced: 3 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 (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-12T15:59:35.000Z (9 months ago)
- Last Synced: 2025-04-07T23:01:34.128Z (6 months ago)
- Topics: jotai, nextjs, tailwindcss, template
- Language: HTML
- Homepage:
- Size: 614 KB
- Stars: 12
- 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
```