Personal developer portfolio built with Next.js — dynamically fetches GitHub projects, dark terminal aesthetic, print-optimized resume
Next.js 16 App Router portfolio with a static export for GitHub Pages. It fetches pinned repositories from the GitHub GraphQL API at build time and renders them in a terminal-themed UI.
The site includes a print-optimized resume page, SEO metadata, analytics, and a Konami code easter egg. The same shared data powers the on-page resume and the dedicated /resume route.
It is built to stay simple to deploy: build locally, export statically, and publish through GitHub Actions.
| Technology | Version | Purpose |
|---|---|---|
| Next.js | 16 | App Router site with static export |
| React | 19 | UI rendering |
| TypeScript | Latest | Type safety |
| Tailwind CSS | v4 | Styling system |
| GitHub GraphQL API | v4 | Fetches pinned repos at build time |
| Google Analytics 4 | GA4 | Traffic and engagement analytics |
- Dynamic projects from GitHub GraphQL API (pinned repos)
- Terminal-themed dark UI with typing animations and scroll effects
- Print-optimized resume page with download support
- PWA manifest and SEO optimizations
- Konami code easter egg
- Static export deployed to GitHub Pages
- Node.js 18+, npm
git clone https://github.com/jonathanperis/jonathanperis.github.io.git
cd jonathanperis.github.io
npm install
npm run dev| Workflow | Trigger | Purpose |
|---|---|---|
build-check.yml |
Pull requests to main | Lint + build check |
main-release.yml |
Push to main / manual | Build and deploy to GitHub Pages |
codeql.yml |
Push, PRs, weekly schedule | JavaScript/TypeScript security analysis |
Dependabot monitors npm and GitHub Actions dependencies weekly.
MIT — see LICENSE
