The goal of this project is to create a customized banner to highlight your contributions through pull requests in open-source projects hosted on GitHub. With this tool, you'll be able to showcase your achievements and involvement in the developer community in a unique and engaging way.
-
Access this link for information on how to create a Personal Access Token on GitHub.
-
Make sure to grant the token the necessary permissions to access the specific resources your project requires.
-
Copy the generated token to your clipboard.
-
In the root directory of this project, create a file named .env if it doesn't already exist.
-
Inside the .env file, add your environment variables in the following format:
NEXT_PUBLIC_GITHUB_TOKEN=YOUR_PERSONAL_ACCESS_KEY_HERE-
Replace YOUR_PERSONAL_ACCESS_KEY_HERE with the Personal Access Token you generated on GitHub and set other environment variables as needed.
-
Ensure you add the .env file to your .gitignore so that it is not included in commits and kept secure.
-
Save the .env file.
First, run the development server:
you
yarn && yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details. 123 123