Files
artsite/content/projects/artsite.md

2.6 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.

::BackgroundTitle{title="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.