https://github.com/sozonome/vite-react-chakra-starter

template to initialize vite react-ts app with Chakra UI setup :sparkles:
https://github.com/sozonome/vite-react-chakra-starter

chakra-ui react react-typescript-boilerplate starter-template typescript vite

Last synced: 2 months ago
JSON representation

template to initialize vite react-ts app with Chakra UI setup :sparkles:

• Host: GitHub
• URL: https://github.com/sozonome/vite-react-chakra-starter
• Owner: sozonome
• License: mit
• Created: 2021-03-10T10:42:00.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-10-31T15:11:34.000Z (3 months ago)
• Last Synced: 2024-10-31T16:21:13.393Z (3 months ago)
• Topics: chakra-ui, react, react-typescript-boilerplate, starter-template, typescript, vite
• Language: TypeScript
• Homepage: https://vite-react-chakra-starter.sznm.dev
• Size: 1.75 MB
• Stars: 100
• Watchers: 2
• Forks: 21
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• fucking-awesome-vite - vite-react-chakra-starter - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky. (Get Started / Templates)
• awesome-vite - vite-react-chakra-starter - Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky. (Get Started / Templates)

README

        


This is a project bootstrapped with [`@vitejs/app`](https://vitejs.dev/guide/#scaffolding-your-first-vite-project) (`react-ts`), added with [Chakra UI](https://chakra-ui.com) and [TypeScript](https://www.typescriptlang.org) setup.

- ⚡ blazing fast dev server and build

- 🔗 route management added (`react-router-dom` configured)

[**Live Demo**](https://vite-react-chakra-starter.sznm.dev/)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https://github.com/sozonome/vite-react-chakra-starter) [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/sozonome/vite-react-chakra-starter)

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/sozonome/vite-react-chakra-starter)

## Getting Started

You can either click [`Use this template`](https://github.com/sozonome/vite-react-chakra-starter/generate) button on this repository and clone the repo or use npx degit like so:

```bash

npx degit sozonome/vite-react-chakra-starter 

```

Then, run the development server:

```bash

pnpm dev

```

## Deployment

- build command: `pnpm build`

- output directory: `dist`

## References

- [vite](https://vitejs.dev)

  - [avoid manual import](https://vitejs.dev/guide/features.html#jsx)

- [Chakra UI](https://chakra-ui.com/)

- [TypeScript](https://www.typescriptlang.org)