01
Contexte
VortX explore les mécanismes qui rendent un réseau social vivant : un fil pertinent, des interactions immédiates, des profils reliés et plusieurs formes de conversation autour d’un même contenu.
Tous les projets
Projet personnelRéseau social · Microblogging
VortX
Un réseau social de microblogging complet avec publications, commentaires, likes, repartages, abonnements, tendances, notifications et messagerie.
- Cadre
- Projet personnel indépendant de portfolio, sans affiliation avec X Corp. Le code source et une démonstration sont publics.
- Mon rôle et ma contribution
- Conception produit et développement full-stackJ’ai conçu le modèle social, les parcours de publication et d’interaction, les routes API, l’authentification ainsi que la synchronisation du cache côté interface.
- Stack principale
- Next.jsTypeScriptPrismaNextAuthSWR
Étude de cas
Du contexte aux choix de conception
02
Enjeu et contraintes
Maintenir une interface fluide alors que publications, compteurs, commentaires, tendances, notifications et conversations modifient en permanence l’état affiché.
03
Approche
L’application s’appuie sur Next.js et TypeScript, des routes API contrôlées par NextAuth, Prisma pour les relations et SWR pour synchroniser le cache. Les interactions utilisent des mises à jour optimistes avec retour à l’état précédent en cas d’échec.
04
Choix et compromis
Les mises à jour optimistes rendent les interactions immédiates, mais imposent de prévoir un retour arrière et de revalider toutes les vues concernées. Le modèle relationnel facilite la cohérence du graphe social au prix de requêtes plus structurées.
05
Résultat observable
La démonstration couvre le cycle social complet, de la publication enrichie jusqu’aux échanges privés, avec pagination du fil, recherche, profils, contrôles d’accès et gestion des médias. Aucun volume d’audience n’est revendiqué.
Points clés
Ce que le projet démontre
Interactions
Réponse immédiate
Likes et repartages sont reflétés instantanément dans l’interface puis confirmés par l’API, avec restauration automatique en cas d’erreur.
Données
Un graphe social cohérent
Prisma structure utilisateurs, abonnements, publications, commentaires, réactions, notifications et messages.
Flux
Pagination et cache
Le fil charge progressivement les publications et revalide les vues concernées après chaque interaction.
Regard critique
Limites et suite logique
Limite actuelle
VortX reste un produit personnel de démonstration. Les interactions concurrentes, les parcours authentifiés de bout en bout et l’observabilité demandent davantage de validation avant un usage à grande échelle.
Prochaine étape
Renforcer les tests de parcours sur les publications, abonnements et messages, puis documenter plus visiblement l’architecture et les limites dans le dépôt public.