Modern Portfolio
A Next.js based portfolio using multiple external APIs and serverless functions.
System Overview
This portfolio is built with Next.js, leveraging its server-side rendering and static site generation capabilities. It integrates various third-party APIs to provide dynamic content like YouTube videos and automated contact forms.
Technical Implementation
The frontend is deployed on Vercel, utilizing edge functions for API routes. Static pages are pre-rendered at build time, while dynamic data like YouTube stats are fetched using the YouTube Data API. Form submissions are handled via Resend with secure API keys stored in environment variables.
Key Considerations
Why use Next.js for a portfolio?
Next.js provides excellent SEO through Server-Side Rendering (SSR) and incredibly fast performance via Static Site Generation (SSG), making it perfect for personal brands.
How are YouTube stats updated?
We use the YouTube Data API v3 with Incremental Static Regeneration (ISR), allowing the page to update periodically without requiring a full rebuild.