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

template to initialize react-app with rsbuild, chakra-ui and typescript setup
https://github.com/sozonome/rsbuild-react-chakra-starter

boilerplate boilerplate-template chakra-ui react rsbuild rspack starter-template template typescript

Last synced: 2 months ago
JSON representation

template to initialize react-app with rsbuild, chakra-ui and typescript setup

• Host: GitHub
• URL: https://github.com/sozonome/rsbuild-react-chakra-starter
• Owner: sozonome
• Created: 2024-01-02T03:49:11.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-08-29T04:34:41.000Z (2 months ago)
• Last Synced: 2024-08-30T04:23:35.547Z (2 months ago)
• Topics: boilerplate, boilerplate-template, chakra-ui, react, rsbuild, rspack, starter-template, template, typescript
• Language: TypeScript
• Homepage: https://rsbuild-react-chakra-starter.sznm.dev
• Size: 984 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-rspack - rsbuild-react-chakra-starter - Staged, Commitlint, and Turbo. (Starter / Rsbuild Starter)

README

        
# rsbuild-react-chakra-starter

This is a project bootstrapped with [`create-react-app`](https://create-react-app.dev/), converted to rsbuild, added with [Chakra UI](https://chakra-ui.com) and [TypeScript](https://www.typescriptlang.org) setup.

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

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

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https://github.com/sozonome/rsbuild-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/rsbuild-react-chakra-starter)

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

## Getting Started

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

```bash

npx degit sozonome/rsbuild-react-chakra-starter 

```

Then, run the development server:

```bash

pnpm start

```

> 💡 If you're a VS Code user, you can copy the `.vscode/settings.template.json` file to `.vscode/settings.json`.

## Deployment

- build command: `pnpm build`

## References

- [rsbuild](https://rsbuild.dev/)

  - https://rsbuild.dev/guide/advanced/env-vars#public-variables

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

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