www.kbuendia.com
Production-grade developer portfolio with server-gated classified content, PayPal payments & 3D spy-themed UX
// VIDEO SHOWCASE
THE COMMAND CENTER
www.kbuendia.com is a production-grade, full-stack developer portfolio engineered to the same standards as the projects it showcases. What started as a simple Vite + JavaScript single-page app evolved through multiple iterations into a Next.js 16 App Router application with 14 routes, 3 server-side API endpoints, 94 components, and comprehensive security headers. The site features a spy/intelligence-themed design with a classified content system — production case study data is server-gated (never in static HTML), requiring access code validation via API before delivery. PayPal integration powers a real service checkout flow with server-side order creation/capture and rate limiting (20 req/min). Interactive elements include Three.js 3D spider easter eggs with React Three Fiber, Swiper carousels, Framer Motion animations, and a file-explorer skills viewer across 157 skills. Deployed on Vercel with CSP, HSTS, X-Frame-Options, and a sitemap covering all 15 project pages. This isn't a template — it's a full-stack application that happens to be a portfolio.
Next.js 16 App Router with static site generation (SSG) for 33+ pages, 3 server-side API routes for payments and content delivery, and a component library of 94 modules. The build pipeline pre-renders all pages at build time while API routes handle runtime server-side operations. Security headers applied globally via Next.js config middleware.