Site web dynamique style Bento
Alexis crée un site web bento en utilisant une approche innovante où Claude génère d'abord toutes les user stories et prompts, mais termine par se faire rickroll par l'IA lors de l'intégration YouTube.
Stack technique
Outils utilisés
Résumé de la session
Alexis a testé une approche méthodologique innovante : d'abord demander à Claude de créer toutes les user stories et prompts détaillés, puis utiliser ces prompts un par un dans Windsurf. Il a fourni à Claude une capture d'écran du site bento de NoCodeFrance comme référence et ses informations personnelles pour générer du contenu pertinent.
Il a ensuite créé le projet dans Windsurf en suivant religieusement les prompts générés. Le site bento de base s'est très bien déroulé : design responsive, contenu personnalisé automatiquement généré, favicon SVG, optimisations SEO complètes avec balises Open Graph et JSON-LD, et système de configuration via fichier JSON.
Cependant, quand Alexis a voulu intégrer l'API YouTube pour afficher sa dernière vidéo via un script PHP, Windsurf a commencé à galérer. Malgré des initiatives intéressantes comme l'implémentation d'un système de cache, le script a eu des erreurs successives qui ont créé une boucle infernale de debugging.
Finalement, après de nombreuses tentatives et corrections, le script a fonctionné... mais au lieu d'afficher la vraie dernière vidéo d'Alexis, il a affiché Never Gonna Give You Up de Rick Astley, le rickrollant complètement et le laissant sans voix.
Il a ensuite créé le projet dans Windsurf en suivant religieusement les prompts générés. Le site bento de base s'est très bien déroulé : design responsive, contenu personnalisé automatiquement généré, favicon SVG, optimisations SEO complètes avec balises Open Graph et JSON-LD, et système de configuration via fichier JSON.
Cependant, quand Alexis a voulu intégrer l'API YouTube pour afficher sa dernière vidéo via un script PHP, Windsurf a commencé à galérer. Malgré des initiatives intéressantes comme l'implémentation d'un système de cache, le script a eu des erreurs successives qui ont créé une boucle infernale de debugging.
Finalement, après de nombreuses tentatives et corrections, le script a fonctionné... mais au lieu d'afficher la vraie dernière vidéo d'Alexis, il a affiché Never Gonna Give You Up de Rick Astley, le rickrollant complètement et le laissant sans voix.