I Built a New Portfolio with Next.js and Three.js

Source: Dev.to

I recently built my personal portfolio from the ground up, focusing on performance, interactivity, and visual identity.
👉 Live site:

Tech Stack

• Next.js – routing, server‑side rendering, and overall structure
• Three.js – 3D rendering and scene management
• GLSL shaders – powering the background and the galaxy
• Cloudflare Turnstile – bot protection on the contact form
• Rate limiting – securing the contact API endpoint
• Vercel – deployment

Highlights of the Build

• Fast, fully static Next.js pages – most of the site is statically optimized while still supporting interactive WebGL elements.
• Secured contact form – integrated Cloudflare Turnstile with a small serverless API route and added rate limiting to avoid spam.
• Responsive + GPU‑friendly – shaders adapt cleanly to mobile, device‑pixel‑ratio changes, and GPU constraints.

Why I Built It

I wanted a portfolio that reflects my experience as a frontend/full‑stack developer and my interest in stargazing. This project lets me showcase both my technical skills and personal passions.

Feedback is 100 % welcome — whether it’s about design, performance, shaders, or UX.

Thanks for reading! 👋