Projet – Créer votre site personnel avec Antigravity

Cette année, vous allez réaliser un projet concret que vous mènerez de A à Z en autonomie : la création et la mise en ligne de votre site personnel professionnel.

Pour le construire, vous n'utiliserez pas un CMS comme WordPress, mais Antigravity, un éditeur de code piloté par un agent IA. Vous ne cliquerez plus dans une interface d'administration : vous décrirez précisément ce que vous voulez, l'agent le construira, et vous vérifierez le résultat. Le site sera fabriqué avec Astro, une technologie légère qui produit des pages ultra-rapides, faciles à héberger gratuitement, et que les IA maîtrisent très bien.

L'objectif de ce projet est triple :

  • Maîtriser tous les aspects de la création d'un site internet, de sa conceptualisation à sa mise en ligne.
  • Vous créer une identité sur internet avec un outil dont vous avez la maîtrise totale.
  • Apprendre à piloter une IA qui travaille pour vous : rédiger un brief qu'elle exécute sans ambiguïté, contrôler ce qu'elle produit et corriger le tir. C'est une compétence que vous réutiliserez dans tous vos futurs métiers.

Quelques précisions

Ce projet a pour but de vous familiariser avec la création d'un site web à partir de 0, tout en vous donnant les outils et techniques nécessaires à la mise en place d'un flux de travail efficace.

Tout au long des différents cours, vous travaillerez principalement en autonomie. Je me positionnerai en tant que « coach » pour vous aider dans la réalisation de votre projet.

Une différence importante avec un projet WordPress : l'IA ne remplace pas la réflexion. Un agent exécute ce qu'on lui demande, rien de plus. Si votre cahier des charges est flou, votre site le sera aussi. Les étapes 1 à 4 (thématique, veille, maquette, cahier des charges) sont donc encore plus importantes qu'avant : ce sont elles qui feront la qualité de votre site.

À la fin du projet, votre site sera en ligne sur un hébergement gratuit (Netlify ou Cloudflare Pages). Vous pourrez ensuite, si vous le souhaitez, acheter votre propre nom de domaine et continuer à le faire vivre.

Quoi qu'il en soit, l'ensemble de votre travail sera évalué, et vous devrez rendre un rapport détaillant vos travaux à chaque étape. Vous utiliserez Google Docs pour le mettre en forme.

Le déroulé du projet

Voici les différentes étapes à respecter pour le bon déroulement du projet :

  1. Définir la thématique et le plan du site
  2. Veille et recherche d'idée
  3. Maquettage
  4. Définir votre cahier des charges graphique & technique
  5. Installer votre environnement et prendre en main l'agent
  6. Remplir les pages & écrire les premiers articles
  7. Intégrer les fonctionnalités
  8. Créer le menu, le footer, et finaliser la construction de votre site
  9. Dernières vérifications, mise en ligne et envoi de votre travail

Rendu final attendu

  • Un compte-rendu de l'ensemble de vos travaux en justifiant vos choix. Vous devrez rendre une partie du compte-rendu à la fin de chaque cours, appliquez-vous !
  • L'adresse de votre site en ligne et un accès à son dépôt GitHub (le « coffre-fort » qui contient tout le code de votre site, cf. étape 5).
  • Un quiz que je vous publierai lors de la dernière heure de cours.

Ces 3 éléments (compte-rendu, site & quiz) permettront d'établir une note pour évaluer votre projet.

Prérequis

Vous n'aurez pas à écrire de code vous-même, mais vous devez être capables de lire ce que l'agent produit et de repérer ce qui cloche. Si le HTML et le CSS sont de lointains souvenirs, reprenez à votre rythme les bases :

Accéder aux étapes

1. Définir la thématique et le plan du site →