ℹ️ RVTGB stands for React Vite TypeScript Generouted Biome.
This starter template is a minimal setup to get React working with:
- ⚡ Vite
- 🔷 TypeScript
- 📁 Generouted — For the file-based routing
- 📝 Biome — Code formatter and linter
Also some additional development tools:
- 🔤 Commitlint — Make sure the commit messages are well formatted
- 🐶 Husky — A git hooks
- 📋 Lint Staged — Running some scripts before committing
💡 Check out this template instead if you prefer to use the same template without any routing library installed.
Clone this template using one of the following methods:
Click the "Use this template" button on the top of this page to create a new repository based on this template.
Disclosure: by using this repository as a template, there will be an attribution on your repository.
git clone https://github.com/up2dul/rvtgb.git
# or if you have SSH keys setup
git clone [email protected]:up2dul/rvtgb.git
degit is a tool that allows you to quickly create a new repository based on an existing one.
npx degit up2dul/rvtgb my-new-project
Requires Node.js
>=18.x
. And pnpm>=8.x
is recommended as the package manager.
Make sure you have already in the project directory.
pnpm install
Start the development server by running the following command, and the application will be available at http://localhost:5173.
pnpm dev
- Absolute paths aliases with
~
. Edit thevite.config.ts
andtsconfig.json
files if you want to change the aliases. - The
src/pages
directory is the default directory for the pages, check out the Generouted documentation for more details. - This project is using Biome as the code formatter and linter instead of ESLint with Prettier. Edit the
biome.json
to change the configuration based on your needs, by checking out the Biome for more details.