A portfolio site with a hybrid static-dynamic architecture. Static HTML for primary pages, plus an interactive landing page that generates personalized AI introductions for visitors.
Tech Stack
- HTML/CSS/JavaScript
- Node.js, nginx, PM2
- CI/CD Pipeline
Architecture
- Static Content: All primary pages served as static HTML
- Dynamic Personalization: Landing page form where visitors input name and company to get an AI-generated intro
- Request Flow: nginx reverse proxy routes to Node.js backend, which calls an LLM API and streams responses back
- Process Management: PM2 handles availability and automatic recovery
Security & Cost Controls
- Response caching to reduce API calls
- Rate limiting
- Hard spending caps on API usage
My focus is on DevOps and backend, so I used Claude Code for front-end implementation. I own the server administration, nginx config, and CI/CD pipeline.