Next.jsReactTailwind CSSGarmin APISpotify API
This site is a static-exported Next.js portfolio that combines hand-curated project writeups with lightweight live data feeds. The goal is a fast personal site that still feels current without depending on a permanent backend.
16 project case-study pages generated from a structured JSON catalog
Scheduled scripts refresh Garmin activity stats and Spotify listening data into static JSON
Filterable project archive with search, multi-tag filters, and shareable URL query params
What I built
- Static-exported Next.js site with homepage, project archive, and per-project routes
- Data refresh scripts and workflows for Garmin and Spotify summaries
- Reusable UI primitives for cards, pills, filters, and long-form project pages
How it works
- 1Scheduled scripts write JSON data into public/
- 2Pages import static JSON directly during build time
- 3GitHub Pages serves the exported site as static HTML
Results
- ✓Fast static site with dynamic-feeling activity widgets
- ✓Shareable /projects/ + /projects/<slug>/ routes compatible with static export
Next steps
- Replace manual project metadata entry with a GitHub-informed sync path
- Add screenshots and richer evidence to more project pages