Aller au contenu

Accessibilité

Contraste
Police d'écriture

Vos choix sont enregistrés sur cet appareil. Le site suit aussi les réglages du navigateur : contraste renforcé, réduction des animations, couleurs forcées.

Amigaru

Trois vies d'un même produit, trois stacks.

Rôle · Lead développeurPériode · 2023 - 2025
Next.js 16React 19TypeScriptSupabaseTwitch APITurborepoStorybookRadix UI

À PROPOS DU PROJET

Plateforme communautaire de mise en avant des créateurs VTubers francophones, pensée comme un terrain d'évolution technique : v1 PHP/MySQL, v2 React + Vite, v3 Next.js en production. Turborepo monorepo (site public + back-office admin), Supabase pour l'auth et le storage, design system documenté sur Storybook et docs d'architecture actives.

Le brief qui a lancé le projet à l'école MyDigitalSchool.

Flèches haut et bas pour changer de page, Entrée pour agrandir.

Page 1 sur 11

Le dossier de développement.

Flèches haut et bas pour changer de page, Entrée pour agrandir.

Page 1 sur 6

Problématique

Une idée qui n'a cessé de grandir ; chaque montée en ambition a poussé la stack à évoluer.

Solution

Trois versions successives sans tout jeter - chaque itération résout un problème précis.

Résultat

v3 en production, codebase qui incarne un vrai parcours d'apprentissage, sert de vitrine technique.

Ce que j'ai appris

  1. Faire évoluer un même produit sur 3 stacks : PHP/MySQL, React + Vite, puis Next.js en monorepo Turborepo.

  2. Sécuriser les données avec Supabase : Auth, Row Level Security, Edge Functions.

  3. Suivre les créateurs en direct via l'API Twitch (Helix + EventSub).

  4. Auditer qualité et sécurité : Lighthouse, OWASP ZAP, SonarQube, Playwright.

Versions

Évolution technique

v1 - MVP

PHPMySQLTailwindjQuery

Preuve de concept, solo dev, focus sur les flux métier.

v2 - SPA

ReactViteTailwind

Passage au front réactif, API séparée, premiers composants partagés.

v3 - Prod

Next.jsTypeScriptStorybookSupabase

App-router, Supabase (auth + storage), design system documenté, dashboard admin.

Sitemap du site

  • Accueil EN/en
    • Wishlist/en/wishlist
    • Blog/en/blog
      • VTubing : streameurs, audiences, marques/en/blog/vtubing-streameurs-audiences-marques
    • Legal/en/legal
      • Mentions légales/en/legal/mentions-legales
      • Politique de confidentialité/en/legal/politique-confidentialite
      • RGPD/en/legal/rgpd
      • Cookies/en/legal/cookies
    • VTubers/en/vtubers
      • Directory/en/vtubers/directory
      • Studi00s/en/vtubers/studi00s
    • About/en/about
  • VTubers FR/vtubers
  • Legal FR/legal

Galerie

1 / 6