Question 1

How do I add a custom page to my Extro-based extension?

Accepted Answer

Extro uses WXT's entrypoint system; you can create new files in the pages directory following the existing structure, such as adding a new HTML or React component file, and WXT will automatically include it in the build. Refer to the 'Pages' section in the README for guidance on preconfigured pages.

Question 2

Extro or Plasmo: which is better for building React extensions?

Accepted Answer

Extro is more opinionated with integrated services like Supabase and production tooling, while Plasmo offers more flexibility and a larger community. Choose Extro for a batteries-included approach with less configuration, or Plasmo if you prefer customization and broader ecosystem support.

Question 3

Does Extro support Safari browser extensions?

Accepted Answer

No, Extro is built on WXT which primarily targets Chrome and Firefox. For Safari, you might need additional configuration or use a different framework, as Safari uses a different extension manifest system not covered in the development setup.

Question 4

How to set up OAuth authentication with Extro and Supabase?

Accepted Answer

Extro pre-configures Supabase authentication; you need to set up a Supabase project, add your credentials to the .env file, and use the provided hooks and components to handle OAuth flows in your extension pages. The README mentions authentication as a key feature with OAuth integration.

Question 5

Can I use Extro without the Bun package manager?

Accepted Answer

Extro is optimized for Bun, and the scripts in package.json rely on Bun. While possible to adapt, it's not recommended as you might face compatibility issues with dependencies and build processes designed for Bun, as stated in the prerequisites.

Question 6

What's the performance impact of using Extro for a simple popup extension?

Accepted Answer

Extro includes many features by default, such as analytics and internationalization, which can increase bundle size and load time. For very simple extensions, you might consider a lighter starter or manually prune unused features to optimize performance.

Extro

What is Extro?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions