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 serving as my engineering portfolio and experimental lab.

More than just a static site, it is a modern Portfolio designed to be fast, accessible, and type-safe. It serves as a live production environment where I experiment with the latest frontend technologies and Edge computing paradigms.

⚡ The Nuxt Stack Architecture

This project is built entirely on the Nuxt ecosystem, leveraging the synergy between its modules for maximum developer experience and performance.

Core Engine

  • Nuxt 3: The meta-framework providing the backbone (SSR, Auto-imports, Modules).
  • Nitro: The high-performance server engine that powers the API routes and renders the app at the Edge.

Infrastructure & Deployment

  • Cloudflare Workers: The application runs entirely on Cloudflare's global serverless network (SSR), ensuring minimal latency and high resilience.
  • Wrangler: The command-line tool used for precise deployment pipelines and worker configuration.
  • NuxtHub: Integrated specifically for advanced cache management and unifying 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 allowing 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 and responsive design.

Quality Assurance

  • TypeScript: Strict type safety across the entire stack (Frontend & Backend).
  • Zod: Runtime schema validation for API inputs and environment variables.