App Analyzer • Audit de site web
Date de fin : Octobre 2025
À propos du projet
API Next.js complète pour l’audit automatique de sites web (Puppeteer & Lighthouse) : analyse HTML, métriques de performance, scores SEO, accessibilité, extraction des titres, rapport JSON détaillé, gestion d’erreurs robuste et typage TypeScript strict.
Contexte
Projet conçu dans le cadre de la prospection d’entreprise en tant que développeur freelance, afin d’automatiser l’audit technique de sites web pour mes clients potentiels. Développement d’une API back-end Next.js intégrant Puppeteer et Lighthouse, avec pour objectif d’offrir un service fiable d’analyse SEO, de performance, d’accessibilité et de structure HTML. Ce système a été intégré et utilisé directement dans mon workflow d’automatisation sur n8n pour générer des rapports automatisés, détecter des axes d’amélioration, synthétiser des recommandations et industrialiser la démarche de diagnostic web. L’accent a été mis sur la qualité du typage TypeScript, la gestion avancée des erreurs, la modularité et la compatibilité cloud.
Stack Technique
Mes tâches
- Étude du besoin : cadrage de l’automatisation d’audits web
- Mise en place du socle Next.js et configuration TypeScript stricte
- Développement d’une API POST `/api/analyze` pour audits unitaires
- Développement du mode batch avec `/api/analyze/batch` (analyse séquentielle, options map par site)
- Intégration Puppeteer : navigation headless, extraction d’infos, configuration avancée
- Intégration Lighthouse : analyse multi-dimensionnelle, wrapper sécurisé
- Extraction automatisée des scores SEO, performance, accessibilité, bonnes pratiques
- Génération d’issues détaillées et recommandations contextuelles
- Gestion centralisée des erreurs, timeouts robustes, fallback intelligent
- Déploiement compatible cloud & documentation technique
Résultats obtenus
- API d’audit web automatisé, accessible en local et déployable sur le cloud
- Analyse complète en un appel : scores, détails de structure, recommandations actionnables
- Haute fiabilité grâce à la gestion fine des erreurs et timeout
- Rapport JSON standardisé pour intégration dans d’autres systèmes
- Stack stable, scalable, strictement typée, adaptée aux projets professionnels
- Documentation d’usage (README), exemples d’intégration, payloads variés
- Contribution potentielle à l’amélioration de la qualité des sites web audités
Apprentissages
- Maîtrise avancée des audits automatisés via Puppeteer & Lighthouse
- Approfondissement de l'intégration Next.js côté API/serverless
- Renforcement des compétences en sécurité & validation (Zod, gestion des entrées, timeouts)
- Structuration de projets back-end modulaires et maintenables
- Entraînement à l’écriture de rapports techniques automatisés et exploitables
Autres projets
Flow Media • Agence web fictive
Ce projet consiste en la création du site internet de Flow Media, une agence fictive de communication basée à Paris. Le développement a nécessité l'intégration de maquettes Figma, la conception d'une base de données MySQL et la mise en œuvre d'un back-office sécurisé pour la gestion des contenus. Ce projet m'a permis de suivre un cycle complet de production web, du recueil du besoin jusqu’au déploiement final.
Lexi AI • Landing page
Lexi AI est une landing page moderne et animée, imaginée pour un outil fictif d’écriture assistée par intelligence artificielle. Le projet met en avant une expérience utilisateur fluide, un design soigné et des animations interactives pour capter l’attention des visiteurs.