Stack

Vite

Oficial site

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. It uses SWC for fast refresh.

React SWC

Github repository

TanStack

React Query

Official docs

React Virtual

Official docs

React Router

Official docs

Serve dev mode watching for routes changes:

 pnpm routes:watch

Manually generate routeTree.gen file:

 pnpm routes:generate

Dev tools

Dev tools are not visible in production mode.

Wallet connection

You should be able to seamlessly switch between several libraries for wallet connection.

Connectkit

Official docs | Setup file

Rainbowkit

Official docs | Setup file

Web3modal

Official docs | Setup file

Number Formatting

Conedison

Github repository | numberFormat.ts

Styles

Modern Normalize

Github repository

Styled Components

Official docs

Stylelint

Official docs

The official extension is recommended if you're using VSCode.

Note: check the "Extension Settings" section if you want errors to be fixed on save, etc.

Next Themes

Github repository

Faceless UI Modal

Github repository | Official docs

React Hot Toast

Github repository

Vercel Web Analytics

Official docs

Simply Enable Web Analytics in Vercel within your Vercel project. Everything else is already integrated and ready to go.