Vitamix

My Vite + React + Typescript starter template.

Features

Vite with React, Typescript and absolute imports.
Tailwind CSS v3 with a basic reset for form styles and a Prettier plugin that automatically sorts classes.
Use ESLint and Prettier on VSCode.
React Hook Form for form management with zod and hook-form-resolvers.
Tanstack query and Axios for data fetching.
React Error Boundary
React Toastify for toast nofitications
React Router DOM for client side navigation

Get started

Use degit to clone this repo to your local machine with an empty git history

npx degit williamssam/vitamix my-app

Replace my-app with your projects name.

Then, install the dependencies:

pnpm install

Gotchas

You can only use pnpm as your package manager. To use other package manager like yarn or npm, remove "preinstall": "npx only-allow pnpm" from package.json

TODOS

Use "tanstack router" as the default router
Use "ofetch" as the default data fetching library

Other intersting package you can use

Nice Modals: To manage mutiple modals in your app.
Tanstack Router: for typesafe routing
Rehookify Date picker: for creating calender, date picker etc
Container Queries: Tailwind plugin for css container queries
Use SWR: For data fetching
React Aria/React Aria components: For accessible unstyled react components
Ark UI: For accessible unstyled components