titre

Introduction

KernelLab est un site portfolio conçu pour documenter mes expériences en DevOps, Cloud et développement backend. Il est construit avec Nuxt 3 et propulsé par Nuxt Content pour gérer les articles en Markdown.

L'objectif est simple : avoir un espace technique propre, rapide et maintenable — sans sur-ingénierie.

Stack technique

Le projet repose sur un ensemble d'outils modernes et éprouvés :

Frontend

• Nuxt 3 — SSR/SSG hybride, routing automatique
• Nuxt UI — composants accessibles basés sur Radix Vue
• TypeScript — typage strict de bout en bout

Infrastructure

• Docker — conteneurisation de l'app
• GitHub Actions — pipeline CI/CD pour lint, build et déploiement
• Cloudflare Pages — hébergement edge avec cache global

Architecture

L'application suit une architecture simple en trois couches :

1. Contenu — fichiers Markdown dans content/ gérés par Nuxt Content
2. Présentation — composants Vue avec layouts distincts (default, markdown)
3. Déploiement — build statique poussé sur Cloudflare Pages via GitHub Actions

Schéma de déploiement

GitHub Push → GitHub Actions → nuxt generate → Cloudflare Pages

Fonctionnalités

• 🌓 Dark mode natif
• ⚡ Rendu statique (SSG) ultra-rapide
• 📝 Blog & projets en Markdown avec frontmatter typé
• 🔍 SEO automatique via useSeoMeta
• 📐 Layout à deux colonnes avec sidebar sticky

Résultats & apprentissages

Ce projet m'a permis de consolider plusieurs compétences :

• Mise en place d'un pipeline CI/CD complet de zéro
• Gestion de contenus structurés avec validation Zod
• Optimisation des performances (Lighthouse > 95)
• Design system cohérent avec Nuxt UI

Conclusion

KernelLab est un projet vivant, régulièrement mis à jour au fil de mes apprentissages. N'hésite pas à explorer le code source ou à me contacter si tu as des questions.