https://github.com/codebender828/chakra-nuxt-v1-demo
https://github.com/codebender828/chakra-nuxt-v1-demo
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/codebender828/chakra-nuxt-v1-demo
- Owner: codebender828
- Created: 2023-02-18T12:57:55.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-12T05:36:02.000Z (over 3 years ago)
- Last Synced: 2025-03-17T11:11:26.366Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://chakra-nuxt-v1-demo.vercel.app
- Size: 508 KB
- Stars: 5
- Watchers: 0
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chakra UI Nuxt Next - Starter
This repo is a starter template for the next version of Chakra UI Vue v1. v1 was rewriten from the ground up with the following new features:
- TS support
- Powered by UI state machines
- Improved theming API design. You can see the `theme` to see the new theming API usage
- Semantic Tokens
- More low-level hooks and composables
> Chakra UI Vue Next is under heavy active development. Whereas this beta is testable, some internal changes may occur.
> If you're building something critical, I do not recommend using it in production yet. Unless of course you're bold and fearless. :D
> In any case, if you've got questions, please DM me on [Twitter](https://twitter.com/codebender828).
### Documentation (Heavily WIP)
> https://next.vue.chakra-ui.com
If you would like to contribute to the docs, or component development, please reach out to me on Twitter.
### See available components
> Components Playground: https://chakra-ui-vue-next-playground-git-develop-chakra-ui.vercel.app/
> V1 Repo: https://github.com/chakra-ui/chakra-ui-vue-next
### Got questions?
DM me on [Twitter](https://twitter.com/codebender828)
#### Contributing
The Chakra UI Vue team is composed of only 4 people maintaining Chakra UI in our free time. So we're always happy to get some helping hands! If this interests, please DM me on [Twitter](https://twitter.com/codebender828)
## Setup
Make sure to install the dependencies:
```bash
# yarn
pnpm install
```
## Development Server
Start the development server on http://localhost:3000
```bash
pnpm run dev
```
## Production
Build the application for production:
```bash
pnpm run build
```
Locally preview production build:
```bash
pnpm run preview
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.