jonathanprozzi / vite-react-web3-playground

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

vite-react-chakra-starter

This is a project bootstrapped with @vitejs/app (react-ts), added with Chakra UI and TypeScript setup.

• ⚡ blazing fast dev server and build
• 🔗 route management added (react-router-dom configured)
• 📈 SEO optimization ready

Live Demo

Getting Started

You can either click Use this template button on this repository and clone the repo or use npx degit like so:

npx degit sozonome/vite-react-chakra-starter <app_name>

Then, run the development server:

yarn dev

Deployment

• build command: yarn build
• output directory: dist

References

• vite
  • avoid manual import
• Chakra UI
• TypeScript

Roadmap / TODO

• configure eslint
  • lint script and lint:fix script
  • extend configurations
• configure vite-plugin-ssr