ArtSite - Personal Research Hub
Personal ProjectActive ⭐ Favorite
My digital headquarters. A high-performance portfolio built on the Edge using the full Nuxt ecosystem, deployed to Cloudflare Workers via Wrangler.
June 1, 2024 2 min read
NuxtNuxtHubCloudflare WorkersTypeScript
ArtSite is my digital headquarters: a unified platform that serves as my engineering portfolio and experimental lab.
More than a static site, it is a modern Portfolio designed to be fast, accessible, and type-safe. It also acts as a live production environment where I test the latest frontend technologies and Edge computing paradigms.
The Nuxt Stack Architecture
This project is built entirely on the Nuxt ecosystem, leveraging module synergy for strong developer experience and performance.
Core Engine
- Nuxt 3: The meta-framework providing the backbone (SSR, auto-imports, modules).
- Nitro: The high-performance server engine powering API routes and Edge rendering.
Infrastructure & Deployment
- Cloudflare Workers: The application runs entirely on Cloudflare's global serverless network (SSR), delivering low latency and high resilience.
- Wrangler: The command-line tool used for deployment pipelines and worker configuration.
- NuxtHub: Integrated for advanced cache management and to unify Cloudflare platform features (KV, D1, Blob) within the Nuxt runtime.
Content & Data
- Nuxt Content: A Git-based headless CMS that treats Markdown as a database.
- Nuxt Studio: A live visual editor for seamless content management directly from the browser.
Interface & Design
- Nuxt UI: A comprehensive component library built on Headless UI and Tailwind CSS.
- Tailwind CSS: Utility-first styling for rapid, responsive design.
Quality Assurance
- TypeScript: Strict type safety across the entire stack (frontend and backend).
- Zod: Runtime schema validation for API inputs and environment variables.