Build a Chrome Extension in Next.js and Notion API

Chrome extensions are a great way to customize your browsing experience. Most of the time, Chrome extensions need to be reactive and this is where building the extension in vanilla JavaScript can be a painful experience. To overcome this shortcoming, you can use a JavaScript-based front-end framework like Next.js or Nuxt.js to build your Chrome extensions.

In this tutorial, you’ll learn to build a Chrome extension using Next.js. For this tutorial, you’ll build a Chrome extension that allows you to tag and save web links to a Notion database.

Read the full blog on Bird Eats Bug.

https://birdeatsbug.com/blog/build-a-chrome-extension-in-next-js-and-notion-api

Thanks for reading 💜

I publish a monthly newsletter in which I share personal stories, things that I am working on, what is happening in the world of tech, and some interesting dev-related posts which I come across while surfing on the web.

Connect with me through Twitter • LinkedIn • Github or send me an Email.

— Ravgeet, Full Stack Developer and Technical Content Writer

Build a Chrome Extension in Next.js and Notion API

Comments

More from this blog

Building a Real-Time Power Outage Monitor with ESP32 and Slack

Debugging and Stopping Infinite Render Loops in React

Rebuilding My Static Blog with Build-Time Data and Instant Search

My 7 Aspirations as a Software Engineer in 2026

Realtime Deploy Notifications in Next.js with Toasts

Command Palette

Comments

More from this blog