Next.js Chrome Extension Genshin Impact Sync is a Chrome extension using Next.js.
This is a quick and convenient tool to track personal accounts of Genshin Impact users. I do not collect any user information. I just use the official API from Hoyolab.
There are 5 main functions:
- Monitor the amount of resin stored
- Track daily checkin status in game and checkin page shortcut
- Shortcut to Genshin Impact's map view page
- Shortcut to Genshin Impact event page
- Shortcut to Genshin Impact's gift code entry page
To install and run Next.js Chrome Extension Starter locally, follow these steps:
-
Clone this repository:
git clone https://github.com/khanghy3004/next-chrome-extension-genshin-impact-sync.git
-
Navigate to project directory:
cd next-chrome-extension-genshin-impact-sync
-
Install the dependencies using npm:
npm install
To run the Next.js Chrome Extension Starter locally, follow these steps:
Run the project:
npm run dev
This will run project on your localhost
To build and import Next.js Chrome Extension Starter to chrome browser, follow these steps:
- Build the project:
npm run build
This will run prep and export to create new folder 'out/', and rename '_next' forlder to 'next' (without underscore)
-
Open Google Chrome and go to chrome://extensions.
-
Enable the "Developer mode" toggle switch.
-
Click on "Load unpacked" and select the out folder generated by the build process.
-
The Next.js Chrome Extension Starter should now be loaded as an unpacked extension in Google Chrome.