Chrome Extension Boilerplate with
React + Vite + TypeScript

This project is listed in the Awesome Vite

Intro

This boilerplate is made for creating chrome extensions using React and Typescript.

The focus was on improving the build speed and development experience with Vite.

Clone this repository.
Change name and description in package.json => Auto synchronize with manifest
Run yarn (check your node version >= 16)
Run yarn watch
Load Extension on Chrome
1. Open - Chrome browser
2. Access - chrome://extensions
3. Check - Developer mode
4. Find - Load unpacked extension
5. Select - dist folder in this project (after dev or build)
If you want to build in production, Just run yarn build

Name		Name	Last commit message	Last commit date
Latest commit History 131 Commits
.github/workflows		.github/workflows
public		public
src		src
test-utils		test-utils
utils		utils
.eslintrc		.eslintrc
.gitignore		.gitignore
.nvmrc		.nvmrc
.prettierrc		.prettierrc
LICENSE		LICENSE
README.md		README.md
jest.config.js		jest.config.js
manifest.ts		manifest.ts
nodemon.json		nodemon.json
package.json		package.json
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts
yarn.lock		yarn.lock