Github link -
https://github.com/karthiktrp/Chrome-Extension-React-JS.git
In this projetc i am just showing the prerequisite for create a chrome extension in react js
step 1 :
npx create-react-app chrome-react-seo-extension --template typescript
step 2 :
edit the manifest file in public folder
{
"name": "Chrome React SEO Extension",
"description": "The power of React and TypeScript for building interactive Chrome extensions",
"version": "1.0",
"manifest_version": 3,
"action": {
"default_popup": "index.html",
"default_title": "Open the popup"
},
"icons": {
"16": "logo192.png",
"48": "logo192.png",
"128": "logo192.png"
}
}
step 3 :
edit package.json file
step 4 :
npm run build
*step 5: *
turn on Developer mode
click load unpacked extension
step 6 :
choose build folder
that's it
your extension is ready
in next article we will add some functionalities
Top comments (0)