{"id":23967194,"url":"https://github.com/brijeshagal/chrome-extension-nextjs-template","last_synced_at":"2025-10-04T17:52:44.936Z","repository":{"id":270236106,"uuid":"909714039","full_name":"brijeshagal/chrome-extension-nextjs-template","owner":"brijeshagal","description":"Next.js Chrome Extension Starter example application that demonstrates how to build a Chrome extension using Next.js. It provides a foundation for developing Chrome extensions with Next.js, Typescript, React and TailwindCss","archived":false,"fork":false,"pushed_at":"2024-12-31T17:26:49.000Z","size":298,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T13:48:25.144Z","etag":null,"topics":["chrome-extension","chrome-extension-next","chrome-extension-nextjs","chrome-extension-starter","chrome-extension-starter-template","chrome-node","chrome-nodejs","javascript","js","next-chrome-starter","nextjs","nextjs-template","nextjs15-typescript","react","reactjs","tailwindcss","ts","typescript"],"latest_commit_sha":null,"homepage":"https://github.com/brijeshagal/chrome-extension-nextjs-template","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/brijeshagal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-29T15:09:44.000Z","updated_at":"2025-02-14T04:48:49.000Z","dependencies_parsed_at":"2024-12-31T18:26:25.742Z","dependency_job_id":"6b1f45a1-3b82-4c8c-b83d-6e012276f5e6","html_url":"https://github.com/brijeshagal/chrome-extension-nextjs-template","commit_stats":null,"previous_names":["brijeshagal/nextjs-chrome-extension-starterkit","brijeshagal/chrome-extension-nextjs-template"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/brijeshagal/chrome-extension-nextjs-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brijeshagal%2Fchrome-extension-nextjs-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brijeshagal%2Fchrome-extension-nextjs-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brijeshagal%2Fchrome-extension-nextjs-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brijeshagal%2Fchrome-extension-nextjs-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brijeshagal","download_url":"https://codeload.github.com/brijeshagal/chrome-extension-nextjs-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brijeshagal%2Fchrome-extension-nextjs-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278350962,"owners_count":25972675,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","chrome-extension-next","chrome-extension-nextjs","chrome-extension-starter","chrome-extension-starter-template","chrome-node","chrome-nodejs","javascript","js","next-chrome-starter","nextjs","nextjs-template","nextjs15-typescript","react","reactjs","tailwindcss","ts","typescript"],"created_at":"2025-01-06T22:34:24.719Z","updated_at":"2025-10-04T17:52:44.888Z","avatar_url":"https://github.com/brijeshagal.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chrome Extension Starter Kit for Next.js + TypeScript + Tailwind CSS\nA modern and flexible starter kit for building Chrome Extensions using Next.js, TypeScript, and Tailwind CSS. This starter kit simplifies the process of building scalable Chrome Extensions with a clean, production-ready setup.\n\n## Features:\n- Next.js for server-side rendering and easy development\n-TypeScript for strong typing and better developer experience\n- Tailwind CSS for responsive, utility-first design\n- Chrome extension architecture ready to use:\n- Content scripts for injecting functionality into the browser\n- Background scripts for handling long-lived processes\n` Injected scripts for manipulating DOM elements\n\n## Project Structure:\n- `public/content`: Contains the wallet content script file.\n- `public/background`: Includes the wallet background.js script.\n- `public/injected`: Injects classes and styles into the window.\n- `out`: The directory containing the built Chrome Extension ready to be loaded into Chrome.\n\n  \n## How to Setup Your Chrome Extension\nThis starter kit requires no complicated setup. Just follow these easy steps:\n\n1. Install Dependencies:\nRun the following command to install all necessary dependencies:\n\n```bash Copy code\nnpm install\n```\n2. Build the Extension:\nTo build the extension for use, run:\n\n```bash Copy code\nnpm run build\n```\n3. Load into Chrome:\nOpen Chrome and navigate to chrome://extensions/\nEnable Developer Mode (toggle on the top-right)\nClick on Load unpacked and select the out directory from your project.\n\n## Congratulations! 🎉\nYour Chrome extension is now ready! You can now start building your own features and customizing the starter kit.\n\n## Support \u0026 Community\n⭐ If you found this project useful, please give it a star! It helps others discover it and supports the development of the project.\n\n🔄 Fork this repository to contribute or modify it for your own needs!\n\n## Additional Resources\nFor more information on building Chrome Extensions with Next.js, TypeScript, and Tailwind CSS, refer to the following resources:\n\n- [Chrome Extension Documentation](https://developer.chrome.com/docs/extensions/reference/api)\n- [Next.js Documentation](https://nextjs.org/docs)\n- [Tailwind CSS Documentation](https://tailwindcss.com/docs/installation)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrijeshagal%2Fchrome-extension-nextjs-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrijeshagal%2Fchrome-extension-nextjs-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrijeshagal%2Fchrome-extension-nextjs-template/lists"}