<h2>Intégration WorkOS en mode headless — UI d'authentification custom (sign-in / sign-up) sur Next.js 15</h2>Roundtable est une plateforme SaaS B2B d'investissement (SPV, deals, fonds), construite en TypeScript strict sur Next.js 15 (App Router) + Node.js, avec tRPC, Tailwind et i18n fr/en (next-intl), dans un monorepo pnpm.Contexte : L'authentification repose aujourd'hui sur WorkOS AuthKit en mode hébergé : la page de connexion est servie par WorkOS sur un domaine dédié. Méthodes actives : email/mot de passe, OAuth Google et LinkedIn.Objectif : L'application va être servie sur plusieurs domaines — d'abord des sous-domaines clients (<a target="_blank" rel="noopener noreferrer nofollow" href="http://client1.roundtable.eu">client1.roundtable.eu</a>), puis des domaines entièrement custom (<a target="_blank" rel="noopener noreferrer nofollow" href="http://client1.com">client1.com</a>) — avec un white-label complet : chaque client doit avoir une page de connexion à son image. La page hébergée WorkOS n'autorisant qu'un branding global, la solution retenue est de construire notre propre UI de sign-in / sign-up en mode headless, hébergée dans l'app Next.js, branchée directement sur les API WorkOS User Management (aucun surcoût WorkOS, contrôle total du branding par domaine).<h3>Périmètre de la mission</h3>• Méthodes d'auth : email + mot de passe ; Magic Auth (code email) ; OAuth Google &amp; LinkedIn (flux délégué à WorkOS) ; MFA/TOTP ; passkeys.• Flux complets : inscription + vérification d'email (saisie de code), connexion, mot de passe oublié / réinitialisation, enrôlement + challenge MFA, organization picker, déconnexion.• Gestion de session serveur : gestion du cookie + rotation du refresh token (reproduire le comportement de authkit-nextjs), intégration au middleware Next existant, compatibilité Server Components (withAuth) et Client Components (useAuth).• Multi-domaine : redirect_uri / base URL host-aware validés contre une liste de domaines autorisés ; cookies isolés par host.• Branding par domaine : UI de login thémable (couleurs + logo), résolue côté serveur et sans flash côté client.• Qualité &amp; sécurité : états d'erreur exhaustifs, i18n fr/en, responsive mobile-first, anti-bot / rate-limiting (clarifier la couverture WorkOS en headless), tests automatisés sur les flux critiques.<h3>Livrables</h3>- UI sign-in / sign-up complète, brandable par domaine.- Couche d'intégration WorkOS headless + gestion de session serveur, compatible avec l'existant.- Tests

Roundtable

Filtres

1 résultat

Intégration WorkOS en mode headless : authentification UI custom sur Next.js

Freelancers

Entreprises

À propos