Développeur web Next.js et React (et shadcn/ui)
Développeur Next.js à Marseille, j’utilise React et Next.js au travail depuis octobre 2022, et dans mes propres produits : Typoza, Skycle, StreamVox et des outils pour Bluesky. Avec shadcn/ui depuis 2023, et Tailwind CSS depuis 2021 ou 2022.
- next.js
- react
- shadcn/ui
- tailwind css
Sur cette page
Ce que je construis avec Next.js et React
Au travail, je développe des interfaces en React et Next.js, reliées à des applications Symfony et Ibexa côté serveur. Sur mon temps libre, Next.js est la base de mes produits : Typoza, une plateforme de blog en monorepo Turborepo ; Skycle, qui dessine votre cercle d’amis Bluesky ; StreamVox, un overlay Twitch ; et Bluesky.bot.
React n’est pas arrivé avec Next.js : avant Skycle, Circulum.io était déjà en React, sur une infrastructure AWS sans serveur. Et de 2017 à 2021, j’ai aussi travaillé sur un projet en NestJS et TypeScript, avec Vue.js et Vuetify côté interface.
shadcn/ui, personnalisé pour ne pas faire « modèle »
J’utilise shadcn/ui depuis 2023, dans Typoza, Skycle, StreamVox, Bluesky.bot et unfollow.blue. Ses composants ne s’installent pas comme une bibliothèque : ils sont copiés dans le projet, et se modifient comme le reste du code.
Ce site en est l’exemple le plus complet : shadcn/ui sur Base UI, une seule police, Recursive, des couleurs définies par des jetons pour le thème clair et le thème sombre, et un orange réservé à la sélection et au focus. Les libellés anglais des composants sont traduits, et chaque composant ajouté passe par une page de démonstration interne.
Mon point de départ pour la connexion avec Bluesky, bluesky-oauth-nextjs(site externe), n’utilise pas shadcn/ui : Tailwind CSS seul. Personne n’est parfait.
Rapide, accessible et lisible par les moteurs
Sur ce site, tout le contenu est rendu côté serveur : les moteurs de recherche, et les robots des assistants d’IA qui n’exécutent pas JavaScript, lisent la page entière dès le premier chargement.
Chaque modification passe des tests automatiques avant d’être fusionnée : accessibilité avec axe-core, en thème clair et en thème sombre, parcours au clavier avec Playwright, et un score Lighthouse d’au moins 95 sur 100 dans chaque catégorie. Si un test échoue, la modification attend.
Les projets qui le prouvent
Questions fréquentes sur le sujet
Utilisez-vous vraiment shadcn/ui en production ?
Oui, depuis 2023 : Typoza, Skycle, StreamVox, Bluesky.bot et unfollow.blue l’utilisent, comme ce site.
Peut-on lire votre code Next.js ?
Oui. bluesky-oauth-nextjs montre comment ajouter la connexion avec Bluesky (OAuth) à une application Next.js, et son dépôt est public sur github.com/pirmax(site externe).
Depuis quand travaillez-vous avec React ?
Avant Skycle, lancé en 2023 : Circulum.io, mon projet de 2020 à 2023, était déjà en React. Depuis octobre 2022, React et Next.js font aussi partie de mon travail quotidien, avec Symfony et Ibexa côté serveur.
Travaillez-vous aussi avec Vue.js ?
J’ai travaillé avec Vue.js et Vuetify entre 2017 et 2021, sur un projet en NestJS et TypeScript. Aujourd’hui, mes interfaces sont en React et Next.js.
Mes autres expertises
- Développement web à MarseilleSites, applications et SaaS sur mesure, conçus à Marseille, où je vis depuis 2000 environ.
- Symfony, Laravel et IbexaLe PHP des applications métier : Symfony au quotidien depuis 2017, Laravel, et Ibexa, l’ex-eZ Platform.
- Création de SaaSDe l’idée au produit en ligne : comptes, paiements et e-mails compris. Et des bots Node.js pour tout ce qui se répète.
Une interface en Next.js à construire ?
Projet, collaboration ou poste : je lis tout, et je réponds sous deux jours ouvrés.
Pour suivre mon travail : LinkedIn(site externe), GitHub(site externe) ou Bluesky(site externe).
ou directementme@pirmax.fr