Create Awesome Node App

Web Extension React Boilerplate

web-extension

A boilerplate for building WebExtensions with React, Vite, TypeScript, and features like hot module replacement and polyfills.

WebExtension

React

Vite

TypeScript

Hot Reload

Polyfill

ESLint

Prettier

About this template

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

The Web Extension React 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 web-extension-react-boilerplate

Template Details

Typewebextension-react

Categoryweb-extension

Compatible Extensions4

Compatible Extensions

Enhance your Web Extension React 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

View All Extensions

Recommended Combinations

Get started quickly with these popular template and extension combinations

T

Web Extension React Boilerplate

webextension-react

E

GitHub Setup

Tooling

$ npx create-awesome-node-app \

--template web-extension-react-boilerplate \

--addons github-setup

T

Web Extension React Boilerplate

webextension-react

E

Husky + Lint Staged

Tooling

$ npx create-awesome-node-app \

--template web-extension-react-boilerplate \

--addons husky-lint-staged

T

Web Extension React Boilerplate

webextension-react

E

Development Container

Tooling

$ npx create-awesome-node-app \

--template web-extension-react-boilerplate \

--addons development-container

T

Web Extension React Boilerplate

webextension-react

E

Jest + React Testing Library

Testing

$ npx create-awesome-node-app \

--template web-extension-react-boilerplate \

--addons jest-react-testing-library

Ready to Build?

Start creating your awesome Node.js app with this template

Browse Extensions