Setup & Architecture
Behind the scenes: infrastructure and tech stack evolution.
2026 Next.js Modern Stack
Framework: Next.js 16 (App Router) + React 19
Language: TypeScript 5
Styling: Tailwind CSS v4
Hosting Target: Vercel Edge Network (Global CDN, Zero Cold Starts)
Domain & DNS: jingcai86.com via Vercel Automated SSL & DNS
Icons: Lucide React
Interactive Demos: Embedded Static Bundles & Azure Sandboxes
SEO & Performance: Static Site Generation (SSG) with Pre-rendered HTML
Original 2018 / 2024 Stack
Site Host: Google Cloud App Engine (Free).
iFrame Host: Microsoft Azure (up to 10 Free).
DNS: Google Domain.
Repository: Bitbucket Public Repo.
Backend: Node Express to serve static production files.
Site Stack: Angular 17 with TypeScript.
Design: Angular Material.
Off Site Stack: React with Ant Design.