Building Modern Cross Browser Web Extensions: Introduction (Part 1)

Building the core functionality of our extension using the messaging system we built in the previous post, as well as exploring storage and permissions in web extensions.

Working with background scripts, using sensitive browser APIs and understanding the communication process between content scripts and background scripts.

In the previous post, we installed WXT, TailwindCSS and Shadcn and explored the project structure. In this post, we will explore how to work with content scripts and build isolated UIs for our extension as well as discuss some issues with UI and how to resolve them. We will build a Command Palette for quick browser actions, such as creating new...

In the previous post, we discussed the basics of Web Extensions and the tools we will be using to build our extension. Out of the three mentioned frameworks, we will be using WXT. In this post, we will set up the project and install the necessary dependencies and get an overview of the project structure. Note The project uses pnpm as the package...