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, y…


This content originally appeared on DEV Community and was authored by Ravgeet Dhillon

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.

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 TwitterLinkedInGithub or send me an Email.

Ravgeet, Full Stack Developer and Technical Content Writer


This content originally appeared on DEV Community and was authored by Ravgeet Dhillon


Print Share Comment Cite Upload Translate Updates
APA

Ravgeet Dhillon | Sciencx (2022-04-18T04:49:23+00:00) Build a Chrome Extension in Next.js and Notion API. Retrieved from https://www.scien.cx/2022/04/18/build-a-chrome-extension-in-next-js-and-notion-api/

MLA
" » Build a Chrome Extension in Next.js and Notion API." Ravgeet Dhillon | Sciencx - Monday April 18, 2022, https://www.scien.cx/2022/04/18/build-a-chrome-extension-in-next-js-and-notion-api/
HARVARD
Ravgeet Dhillon | Sciencx Monday April 18, 2022 » Build a Chrome Extension in Next.js and Notion API., viewed ,<https://www.scien.cx/2022/04/18/build-a-chrome-extension-in-next-js-and-notion-api/>
VANCOUVER
Ravgeet Dhillon | Sciencx - » Build a Chrome Extension in Next.js and Notion API. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/04/18/build-a-chrome-extension-in-next-js-and-notion-api/
CHICAGO
" » Build a Chrome Extension in Next.js and Notion API." Ravgeet Dhillon | Sciencx - Accessed . https://www.scien.cx/2022/04/18/build-a-chrome-extension-in-next-js-and-notion-api/
IEEE
" » Build a Chrome Extension in Next.js and Notion API." Ravgeet Dhillon | Sciencx [Online]. Available: https://www.scien.cx/2022/04/18/build-a-chrome-extension-in-next-js-and-notion-api/. [Accessed: ]
rf:citation
» Build a Chrome Extension in Next.js and Notion API | Ravgeet Dhillon | Sciencx | https://www.scien.cx/2022/04/18/build-a-chrome-extension-in-next-js-and-notion-api/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.