MouseShapes

2026
Dev Front-end
Nuxt, Vue.js, Supabase, Tailwind
Découvrir

À propos

J’aime tester des souris pour trouver celle qui me convient parfaitement et comme toute personne du hobby après la découverte de ce site, je vais sur EloShapes pour comparer les formes et trouver ma prochaine. Il m’est vraiment utile et quand j’ai vu qu’il était fait en Nuxt, ça m’a motivé à me mettre à jour sur Vue 3.

Je me suis donc dit que ça serait un exercice intéressant de me remettre à Nuxt avec un peu de reverse-engineering.

Stack

Pour la base de données, j’ai pu tester Supabase, l’alternative open-source au Firebase de Google. Cela me permet d’avoir un back-end pré-fait, des points API auto-générés et de pouvoir gérer une éventuelle authentification out-of-the-box.

Pour l’UI, je me suis basé sur Nuxt UI pour avoir un boilerplate simple et pouvoir me concentrer sur la logique. C’est la librairie officielle de Nuxt, basée sur Tailwind CSS pour les classes utilitaires et Reka UI pour la gestion de l’accessibilité.

Enfin, les déploiements sont gérés par Cloudflare Pages comme pour le reste de mes sites.

Retour aux projets
Pierre Prézelin © 2026
fren