Skip to main content
Back to projects
Active

rainboldtech.com

This site. A single-page, statically generated portfolio built on Next.js and MDX, with synthesized UI sounds and scroll-triggered motion.

next.jstypescripttailwindframer-motion
Source

The site you're looking at. The goal was a portfolio that's a pleasure to maintain — content lives in flat MDX files, and a git push redeploys it.

Highlights

  • Static generation for every route via generateStaticParams() — no server to run.
  • MDX content pipeline with gray-matter, reading-time, and next-mdx-remote/rsc.
  • Synthesized sound effects through the Web Audio API — zero audio files.
  • Scroll-triggered animation with Framer Motion, all of it respecting prefers-reduced-motion.

Stack

Next.js App Router, TypeScript, Tailwind CSS with the typography plugin, and Framer Motion for motion. Deployed on Vercel with auto-redeploys on push.