Next.js side panel extension starter. UI from create-next-app; panel via chrome.sidePanel.

Getting Started

Run the dev server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 to preview the side panel UI.

Edit src/app/page.tsx. The page hot-reloads as you edit.

This project uses next/font to load Geist.

Learn More

• Side Panel API — side_panel, setOptions, open.
• Next.js Documentation — features and API.
• Learn Next.js — tutorial.

Load in Chrome

pnpm build   # exports to out/ and renames _next → next for Chrome

Then chrome://extensions → Load unpacked → select the out/ folder.

Chrome rejects extension paths starting with _ (e.g. Next’s _next/). The build script fixes that automatically.