React Vite Starter

Starter template for small React Vite app.

Alternative to next-starter for small app.

Featuring

Vite
- Blazing fast bundler.
Starting at 10KB
- With Preact configured.
Router at 400 bytes
- Pre-configured wouter at the cost of 400 bytes
Prerender and hydration
- Pre-render with custom scripts tools/prerender.ts
TypeScript
- TypeScript pre-configured.
Tailwind
- Preconfigured tailwind
Sass
- Sass pre-configured
Module Alias
- Handy path aliases for production grade app.

Dynamic Path alias

List of path aliased:

@pages - src/pages
@layouts - src/layouts
@components - src/components
@styles - src/styles
@services - src/services
@models - src/models
@stores - src/stores
@tailwind - src/services/tailwind/index.ts
@atoms - src/components/atoms
@molecules - src/components/molecules
@organisms - src/components/organisms

Issue

The template doesn't support page-level code splitting yet. Using React.lazy and Suspense broke the ReactDOM.hydrate, I'm finding a way to deal with it.
Vite fast refresh doesn't support sub module file. You will need to do maunal refresh.