Files
artsite/content/projects/artsite.md

2.5 KiB

slug, title, type, description, shortDescription, publishedAt, readingTime, favorite, status, tags, icon
slug title type description shortDescription publishedAt readingTime favorite status tags icon
artsite ArtSite - Personal Research Hub Personal Project My digital headquarters. A high-performance portfolio built on the Edge using the full Nuxt ecosystem, deployed to Cloudflare Workers via Wrangler. A modern portfolio and experimental lab built on the Nuxt ecosystem and deployed to Cloudflare Workers. 2024-06-01 2 true Active
Nuxt
NuxtHub
Cloudflare Workers
TypeScript
i-ph-globe-hemisphere-west-duotone

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.