massivity.fr : un site d'expertise pensé pour Google et les IA
Conception et développement de massivity.fr en vibe coding : identité visuelle « blocs », site statique Next.js, stratégie SEO et GEO complète.
- Contexte
- Projet personnel
- Année
- 2026
- Rôle
- Conception, contenu, développement assisté par IA
- Outils
- Next.js, MDX, Tailwind CSS, Vercel
En bref
- Le site du studio Massivity : vitrine, portfolio et blog.
- Construit en vibe coding, en binôme avec une IA de développement.
- Optimisé pour le référencement classique (SEO) et pour être cité par les moteurs génératifs (GEO).
L'intention
Un site qui me ressemble : clair, chaleureux et concret. Il présente mes projets et mes retours d'expérience, et il a été pensé dès le départ pour être trouvé sur Google et cité par ChatGPT, Perplexity ou Claude.
L'identité : des blocs
Massivity, c'est l'idée de construire des choses massives avec des blocs simples. C'est aussi ce que permettent le low-code et l'IA. Le motif de blocs empilés se retrouve partout : sur la page d'accueil (où l'on peut attraper les blocs), sur les couvertures générées automatiquement pour chaque article et chaque projet, et sur les images de partage.
Sous le capot
- Next.js, rendu statique : chaque page est du HTML complet, servi instantanément.
- Contenu en MDX : un article = un fichier, versionné avec Git.
- SEO : métadonnées, sitemap, données structurées, images Open Graph générées.
- GEO : blocs « En bref », FAQ balisées,
llms.txt, robots des IA autorisés.
Le détail des choix est dans l'article SEO et GEO : comment j'ai construit massivity.fr.
- SEO
- GEO
- Vibe coding
- Design