Skip to content

VictorVation/next-chrome-extension-starter

Repository files navigation

next-chrome-extension-starter

This is a template for creating Chrome extensions with Next.js, Tailwind, and TypeScript.

Getting Started

  1. Develop using npm run dev and opening localhost:3000 to start the Next.js development server.
  2. Pages are stored in app/ directory. Modify app/page.tsx to start.
  3. The extension manifest is in public/manifest.json.
  4. Anything in the public directory will be copied to the root level of your extension, so you may want to stay organized, e.g. assets are stored in public/next-assets.

Building

npm run build will build your unpacked chrome extension into extension. Chrome doesn't allow directories starting with _, so the build script will automatically rewrite the paths for you.

To test your extension, see the Chrome Extension Docs

About

Chrome Extension template with Next.js, TypeScript, and Tailwind

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published