firstcommit.is

Find your first open-source commit on GitHub

<p align="center"> <a href="https://firstcommit.is/" target="_blank"> <img width="1090" alt="Screenshot of firstcommit.is showing @danielroe's first commit" src="https://github.com/danielroe/firstcommit.is/assets/28706372/0117c4e2-aa2f-482d-ac58-a7195e5c4902"> </a> </p>

• 👉  Check it out

Features

• Built on Nuxt
• Nitro server API routes
• GitHub API and OAuth
• Cal Sans font
• Tailwind CSS
• nuxt-og-image, powered by Satori
• Deployed on Vercel, using ISR with route rules to persist images, HTML and API requests permanently to a global CDN.

Try it out locally

1. Generate a new GitHub token here.
2. Create an OAuth application and obtain a client secret and client ID here.

Set your environment variables in a .env file:

NUXT_GITHUB_TOKEN=<github token from step 1>
NUXT_GITHUB_CLIENT_SECRET=<oauth client secret from step 2>
NUXT_GITHUB_CLIENT_ID=<oauth client id from step 2>

Setup

# install dependencies
corepack enable
pnpm install

# serve in dev mode, with hot reload at localhost:3000
pnpm dev

# build for production
pnpm build

# preview in production mode
pnpm preview

Credits

Thanks to @beerose for the domain name suggestion!

License

Made with ❤️

Published under MIT License.