Create Awesome Node App

Templates Extensions Docs

No results found.

Navigation

Home

Docs

Templates

Extensions

System

Enable Performance Mode

Press Esc to close

Ctrl+K

© 2026 Create Awesome Node App. All rights reserved.

Templates Extensions Docs

React Vite Boilerplate

frontend-applications

React SPA on Vite with React Router and TypeScript. Choose it for client-only apps where instant HMR and a lean build matter more than SSR.

React

Vite

Frontend

TypeScript

ESLint

Prettier

React Router

SPA

HMR

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 Extensions33

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, nextjs-saas-ai

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, nextjs-saas-ai

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, nextjs-saas-ai

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

Vitest + React Testing Library

Add Vitest and React Testing Library for fast Vite-native unit and integration testing in React projects.

React Testing Library

Compatible with:react

Add Playwright end-to-end browser testing with multi-browser config, dev-server bootstrap, and CI workflow.

Browser Testing

Compatible with: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

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

State Management

Atomic State Management

Compatible with:react

State Management

Recoil.js (Deprecated)

Extension to add Recoil.js, a state management library for React. Note: Recoil is no longer maintained by Meta (formerly Facebook Experimental) and may not receive future updates.

State Management

Atomic 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

Teaful (Deprecated)

Add Teaful, a tiny and fast state management solution with a simple API and TypeScript support. Note: Teaful has very low adoption (~126 weekly downloads) and may not receive future updates.

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 Redux Toolkit (RTK) with React Redux bindings and Redux Saga for side-effect management

State Management

Unidirectional State Management

Compatible with:react

State Management

React Redux with Redux Toolkit

Extension to add Redux Toolkit (RTK) with React Redux bindings, redux-persist, and redux-logger for a fully configured store

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

Apollo Client for React

Add Apollo Client for GraphQL data fetching, caching, and state management in React applications.

Compatible with:react, nextjs

Add Storybook for isolated component development, visual testing, and interactive documentation.

Compatible with:react, nextjs

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