https://github.com/jonathanprozzi/vite-react-web3-playground

Testing what needs to be done to use vite with React/TS/Chakra and web3 packages.
https://github.com/jonathanprozzi/vite-react-web3-playground

Last synced: 2 months ago
JSON representation

Testing what needs to be done to use vite with React/TS/Chakra and web3 packages.

• Host: GitHub
• URL: https://github.com/jonathanprozzi/vite-react-web3-playground
• Owner: jonathanprozzi
• License: mit
• Created: 2022-02-23T20:39:32.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-25T03:56:36.000Z (over 3 years ago)
• Last Synced: 2025-02-10T11:32:28.608Z (4 months ago)
• Language: TypeScript
• Size: 305 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vite-react-chakra-starter

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)

- ~~📈 SEO optimization ready~~

[**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

yarn dev

```

## Deployment

- build command: `yarn 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)

## Roadmap / TODO

- [ ] configure [`eslint`](https://eslint.org)

  - lint script and lint:fix script

  - extend configurations

- [ ] configure [`vite-plugin-ssr`](https://vite-plugin-ssr.com/)