Create Awesome Node App

React Vite Boilerplate

frontend-applications

A fast and lightweight React boilerplate with Vite, TypeScript, React Router, and modern tooling for frontend development.

React

Vite

Frontend

TypeScript

ESLint

Prettier

React Router

Fast

Lightweight

About this template

This template provides a solid foundation for building react applications. It comes with all the essential tools and configurations to help you get started quickly.

The React Vite Boilerplate template is designed to help developers jumpstart their projects with best practices, modern tooling, and a well-structured codebase.

Key Benefits

Pre-configured development environment
Modern tooling and best practices
TypeScript support out of the box
Linting and formatting setup
Testing infrastructure ready to go

Quick Start

Get up and running in seconds

$ npx create-awesome-node-app \

--template react-vite-boilerplate

Template Details

Typereact

Categoryfrontend-applications

Compatible Extensions31

Compatible Extensions

Enhance your React Vite Boilerplate with these powerful extensions

Automate GitHub workflows with Actions, Dependabot, and templates for issues and pull requests.

Compatible with: sls, react, webextension-react, monorepo, backend, nestjs-backend, nextjs

Husky + Lint Staged

Improve code quality with pre-commit hooks using Husky and Lint Staged.

Compatible with: sls, react, webextension-react, webdriverio, backend, nestjs-backend, nextjs

Development Container

Set up a development container with Docker and VSCode for consistent environments.

Compatible with: sls, react, webextension-react, monorepo, webdriverio, backend, nestjs-backend, nextjs

Jest + React Testing Library

Add Jest and React Testing Library for unit and integration testing in React projects.

React Testing Library

Compatible with: react, webextension-react, nextjs

Add internationalization support to your React app with react-i18n and async backend.

Compatible with: react

State Management

TanStack React Query

High-quality open-source software for web developers.

State Management

Compatible with: react

State Management

React Hook Form

Extension to add React Hook Form, a performant, flexible and extensible forms with easy-to-use validation.

React Hook Form

State Management

Form Validation

Compatible with: react

State Management

Recoil.js (Deprecated)

Extension to add Recoil.js, a state management library for React that lets you a data-flow graph that flows from atoms

State Management

Atomic State Management

Compatible with: react

State Management

Extension to add Jotai, a small and fast state management library for React

State Management

Atomic State Management

Compatible with: react

State Management

Add Easy State, a lightweight state management solution with a simple API and automatic reactivity.

State Management

Compatible with: react

State Management

Add Global State, a minimal state management solution for React applications with global state support.

State Management

Compatible with: react

State Management

Add Hookstate, a modern state management solution with hooks-based API and TypeScript support.

State Management

Compatible with: react

State Management

Extension to add MobX, a tiny state management library for React

State Management

Bidirectional State Management

Compatible with: react

State Management

Add Teaful, a tiny and fast state management solution with a simple API and TypeScript support.

State Management

Compatible with: react

State Management

Extension to add Valtio, a tiny state management library for React

State Management

Bidirectional State Management

Compatible with: react

State Management

Add XState, a state management and orchestration solution for complex state machines and workflows.

State Management

Finite State Machines

Compatible with: react

State Management

Add Zustand, a small, fast and scalable state management solution with a simple API and TypeScript support.

State Management

Unidirectional State Management

Compatible with: react

State Management

React Redux with Redux Saga

Extension to add the official React bindings for Redux with a fully configured store using Redux Saga

State Management

Unidirectional State Management

Compatible with: react

State Management

React Redux with Redux Thunk

Extension to add the official React bindings for Redux with a fully configured store using Redux Thunk

State Management

Unidirectional State Management

Compatible with: react

Cross Platform Apps with Ionic React + Capacitor

Add Ionic React and Capacitor to your cross platform react app

Compatible with: react

Docker Compose Setup

Add docker environments for development and production to your project setup with docker-compose

Compatible with: react

Avoid using heavy IDEs by installing this extension that creates an elegant tool setup for your android app

Compatible with: react

Semantic UI React

Extension to add Semantic UI React to your setup

Semantic UI React

Compatible with: react

Semantic UI React with Theme

Extension to add Semantic UI React to your setup with theme customization

Semantic UI React

Compatible with: react

Add Material UI components and theming capabilities to your React application with TypeScript support and best practices.

Compatible with: react

Ant Design for React

Add Ant Design React components with TypeScript support, theming capabilities and enterprise-grade UI patterns.

Ant Design React

Compatible with: react

Bootstrap React

Add Bootstrap React components with TypeScript support and responsive design patterns.

Bootstrap React

Compatible with: react

React Million DOM Optimization

Extension to add Million DOM Optimization to your React app

Compatible with: react

React Electron Vite

Add Electron to your cross platform React Vite app

Compatible with: react

Add Tailwind CSS utility-first styling with PostCSS and dark mode class strategy.

Compatible with: react

Add shadcn/ui component primitives (Radix UI + Tailwind CSS) with variant-based theming utilities.

Compatible with: react

View All Extensions

Recommended Combinations

Get started quickly with these popular template and extension combinations

T

React Vite Boilerplate

react

E

GitHub Setup

Tooling

$ npx create-awesome-node-app \

--template react-vite-boilerplate \

--addons github-setup

T

React Vite Boilerplate

react

E

Husky + Lint Staged

Tooling

$ npx create-awesome-node-app \

--template react-vite-boilerplate \

--addons husky-lint-staged

T

React Vite Boilerplate

react

E

Development Container

Tooling

$ npx create-awesome-node-app \

--template react-vite-boilerplate \

--addons development-container

T

React Vite Boilerplate

react

E

Jest + React Testing Library

Testing

$ npx create-awesome-node-app \

--template react-vite-boilerplate \

--addons jest-react-testing-library

Ready to Build?

Start creating your awesome Node.js app with this template

Browse Extensions