diff --git a/content/projects/artchat.md b/content/projects/artchat.md deleted file mode 100644 index aa893ff..0000000 --- a/content/projects/artchat.md +++ /dev/null @@ -1,36 +0,0 @@ ---- -slug: artchat -title: ArtChat - Portfolio & Blog -type: Personal Project -description: My personal space on the web — a portfolio, a blog, and a digital lab where I showcase my projects, write about topics I care about, and experiment with design and web technologies. -publishedAt: 2024-06-01 -readingTime: 1 -favorite: true -status: Active -tags: - - Vue.js - - Nuxt - - TypeScript - - Web -icon: i-ph-globe-hemisphere-west-duotone ---- - -[**ArtChat**](https://go.arthurdanjou.fr/website) is my personal space on the web — a portfolio, a blog, and a digital lab where I showcase my projects, write about topics I care about, and experiment with design and web technologies. - -It's designed to be fast, accessible, and fully responsive. The site also serves as a playground to explore and test modern frontend tools. - -## ⚒️ Tech Stack - -- **UI** → [Vue.js](https://vuejs.org/): A progressive JavaScript framework for building interactive interfaces. -- **Framework** → [Nuxt](https://nuxt.com/): A powerful full-stack framework built on Vue, perfect for modern web apps. -- **Content System** → [Nuxt Content](https://content.nuxtjs.org/): File-based CMS to manage blog posts and pages using Markdown. -- **Design System** → [Nuxt UI](https://nuxtui.com/): Fully styled, customizable UI components tailored for Nuxt. -- **CMS & Editing** → [Nuxt Studio](https://nuxt.studio): Visual editing and content management integrated with Nuxt Content. -- **Language** → [TypeScript](https://www.typescriptlang.org/): A statically typed superset of JavaScript. -- **Styling** → [Sass](https://sass-lang.com/) & [Tailwind CSS](https://tailwindcss.com/): Utility-first CSS framework enhanced with SCSS flexibility. -- **Deployment** → [NuxtHub](https://hub.nuxt.com/): Cloudflare-powered platform for fast, scalable Nuxt app deployment. -- **Package Manager** → [pnpm](https://pnpm.io/): A fast, disk-efficient package manager for JavaScript/TypeScript projects. -- **Linter** → [ESLint](https://eslint.org/): A tool for identifying and fixing problems in JavaScript/TypeScript code. -- **ORM** → [Drizzle ORM](https://orm.drizzle.team/): A lightweight, type-safe ORM for TypeScript. -- **Validation** → [Zod](https://zod.dev/): A TypeScript-first schema declaration and validation library with full static type inference. -- **Deployment** → [NuxtHub](https://hub.nuxt.com/): A platform to deploy and scale Nuxt apps globally with minimal latency and full-stack capabilities. diff --git a/content/projects/artsite.md b/content/projects/artsite.md new file mode 100644 index 0000000..1c34258 --- /dev/null +++ b/content/projects/artsite.md @@ -0,0 +1,46 @@ +--- +slug: artsite +title: ArtSite - Personal Research Hub +type: Personal Project +description: My digital headquarters. A high-performance portfolio built on the Edge using the full Nuxt ecosystem, deployed to Cloudflare Workers via Wrangler. +publishedAt: 2024-06-01 +readingTime: 2 +favorite: true +status: Active +tags: + - Nuxt + - NuxtHub + - Cloudflare Workers + - Wrangler + - TypeScript +icon: i-ph-globe-hemisphere-west-duotone +--- + +[**ArtSite**](https://go.arthurdanjou.fr/website) 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](https://nuxt.com/)**: The meta-framework providing the backbone (SSR, Auto-imports, Modules). +- **[Nitro](https://nitro.unjs.io/)**: The high-performance server engine that powers the API routes and renders the app at the Edge. + +### Infrastructure & Deployment +- **[Cloudflare Workers](https://workers.cloudflare.com/)**: The application runs entirely on Cloudflare's global serverless network (SSR), ensuring minimal latency and high resilience. +- **[Wrangler](https://developers.cloudflare.com/workers/wrangler/)**: The command-line tool used for precise deployment pipelines and worker configuration. +- **[NuxtHub](https://hub.nuxt.com/)**: Integrated specifically for **advanced cache management** and unifying Cloudflare platform features (KV, D1, Blob) within the Nuxt runtime. + +### Content & Data +- **[Nuxt Content](https://content.nuxtjs.org/)**: A Git-based Headless CMS that treats Markdown as a database. +- **[Nuxt Studio](https://nuxt.studio)**: A live visual editor allowing for seamless content management directly from the browser. + +### Interface & Design +- **[Nuxt UI](https://nuxtui.com/)**: A comprehensive component library built on Headless UI and Tailwind CSS. +- **[Tailwind CSS](https://tailwindcss.com/)**: Utility-first styling for rapid and responsive design. + +### Quality Assurance +- **[TypeScript](https://www.typescriptlang.org/)**: Strict type safety across the entire stack (Frontend & Backend). +- **[Zod](https://zod.dev/)**: Runtime schema validation for API inputs and environment variables. \ No newline at end of file