mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-01-23 01:59:31 +01:00
Refactor: supprimer le fichier ArtChat et ajouter le fichier ArtSite avec une description détaillée et une structure améliorée
This commit is contained in:
@@ -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.
|
||||
46
content/projects/artsite.md
Normal file
46
content/projects/artsite.md
Normal file
@@ -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.
|
||||
Reference in New Issue
Block a user