-
-
Notifications
You must be signed in to change notification settings - Fork 9
Deploy on Vercel
Rangga Fajar Oktariansyah edited this page Mar 31, 2026
·
1 revision
You can host your own instance of the GitHub Readme Profile API on Vercel. This gives you full control over the endpoint and allows you to customize behavior or add new features.
- GitHub account
- Vercel account (you can log in with GitHub)
- GitHub Personal Access Token with
repoanduserscopes
Fork the github-readme-profile repository to your GitHub account.
- Go to GitHub Settings → Developer settings → Personal access tokens → Tokens (classic)
- Click "Generate new token (classic)"
- Name the token (e.g.,
github-readme-profile) - Select scopes:
repoanduser - Click "Generate token"
- Copy the token (it appears only once)
- Log in to Vercel
- Click "Add New…" → "Project"
- Select your forked repository
- Click "Import"
- On the configuration page, add an environment variable:
-
Name:
GH_TOKEN - Value: [the personal access token you created]
-
Name:
- In "Build & Output Settings", enable "Install command" and add:
npm install typescript
Click "Deploy". Vercel will automatically build and deploy your instance.
After deployment, you will get a unique URL like:
https://your-project.vercel.app
Use this URL instead of gh-readme-profile.vercel.app in all examples:
You can add a custom domain in Vercel via the "Domains" tab.
| Variable | Description |
|---|---|
GH_TOKEN |
GitHub personal access token (required) |
CACHE_DURATION |
Cache duration in seconds (default: 7200 / 2 hours) |
- Ensure your GitHub token has the necessary permissions to fetch public and private repository data (if needed)
- The free Vercel plan has usage limits. For heavy usage, consider a paid plan or alternative hosting.
- If you encounter issues, check the deployment logs in the Vercel dashboard.
Made with ❤️ using TypeScript