After developing some browser extensions of my own, I thought I'd share some tips and tricks to keep in mind when coding your next browser extension.

1. Don't reinvent the wheel 🛞

Try using a template like the ones found in this repository by dutiyesh. He provides templates for popups, page overrides and devtools additions. They can help you get off on the right foot without much worry.

2. Read the documentation 📖

This is probably the most important tip I can give you. Read the documentation provided. They are highly exhaustive and properly laid out for you to easily digest and understand the inner workings of a browser extension. Following these can make your life much easier.

Links to the chrome and firefox documentation can be found below.

3 Finding Ideas and inspiration 💡

If you are stumped for an idea, give @ExtensionIdeas a follow. They post daily content where they share chrome extension ideas sourced from the market. You can also follow their newsletter to receive even more content.

4 Learn from others 👀

The chrome extensions GitHub repository has a plethora of examples to pick and choose from. Whatever you are thinking of making or adding to your project can probably be found here. Adding on to the last point, if you would like to take a look at some of my chrome extensions, you can take a look at these three for inspiration. Don't forget to leave a star if you found them useful.