<p>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.</p>
<p>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.</p>
<p>Read the full blog on <a target="_blank" href="https://birdeatsbug.com/blog/build-a-chrome-extension-in-next-js-and-notion-api">Bird Eats Bug</a>.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://birdeatsbug.com/blog/build-a-chrome-extension-in-next-js-and-notion-api">https://birdeatsbug.com/blog/build-a-chrome-extension-in-next-js-and-notion-api</a></div>
<p>Thanks for reading 💜</p>
<hr />
<p>I publish a <a target="_blank" href="https://www.ravsam.in/newsletter/">monthly newsletter</a> 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.</p>
<p>Connect with me through <a target="_blank" href="https://twitter.com/ravgeetdhillon">Twitter</a> • <a target="_blank" href="https://linkedin.com/in/ravgeetdhillon">LinkedIn</a> • <a target="_blank" href="https://github.com/ravgeetdhillon">Github</a> or send me an <a target="_blank" href="mailto:ravgeetdhillon@gmail.com">Email</a>.</p>
<p>— <a target="_blank" href="https://www.ravgeet.in/">Ravgeet</a>, <em>Full Stack Developer and Technical Content Writer</em></p>


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).

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

Thanks for reading 💜

---

I publish a [monthly newsletter](https://www.ravsam.in/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](https://twitter.com/ravgeetdhillon) • [LinkedIn](https://linkedin.com/in/ravgeetdhillon) • [Github](https://github.com/ravgeetdhillon) or send me an [Email](mailto:ravgeetdhillon@gmail.com).

— [Ravgeet](https://www.ravgeet.in/), *Full Stack Developer and Technical Content Writer*

Build a Chrome Extension in Next.js and Notion API

Learn to build a Chrome extension that allows you to tag and save web links to a Notion database