Développer un SaaS avec Next.js 16 : TypeScript & Clean Code

Bonjour à tous

Dans cette formation, nous allons construire un SaaS complet avec Next.js 16 (app de facturation pour freelancer), en mettant l’accent sur la rigueur, les bonnes pratiques et la qualité du code.

Pour cela, nous allons utiliser une stack moderne, robuste et performante.

Toute l’application sera entièrement développée en TypeScript.
Nous utiliserons Next.js 16 avec Tailwind CSS pour le style, et Zustand pour la gestion du state.

Le routage se fera avec l’App Router, et nous écrirons nos accès à la base de données via des Server Actions — une alternative moderne aux API classiques.

Nous utiliserons Zod pour valider les données, et Prisma pour gérer une base PostgreSQL.

Côté authentification, nous mettrons en place un système complet et granulaire, développé à la main, basé sur bcrypt et JSON Web Tokens.

Nous développerons l’application en local, puis — pour ceux qui souhaitent aller plus loin — nous verrons comment la déployer en production, gratuitement :
avec Supabase pour le stockage de fichiers, Neon pour la base de données PostgreSQL, et bien sûr Vercel pour héberger l’application Next.js.

Côté pédagogie, ici on apprend en pratiquant.
Vous allez beaucoup coder.

Nous construirons une seule application, mais en profondeur, en allant dans les détails.

Avant de commencer, je poserai quelques bases essentielles :

• les principes de clean code

• les fondamentaux de TypeScript

• et deux outils puissants mais parfois subtils : Prisma et Zod

Nous prendrons également le temps de comprendre Next.js 16 :
ses nouveautés, ses différences avec les versions précédentes, et son positionnement par rapport à React.

Ensuite, place au concret.

Nous développerons l’application par fonctionnalités.
Chaque fonctionnalité sera construite de bout en bout :

• d’abord le typage avec TypeScript et Zod

• puis les Server Actions

• et enfin le front-end

  
  

Une fois l’application terminée, nous passerons aux finitions :

• amélioration du code

• passage du linter et du compilateur TypeScript

• build complet en local

Puis nous déploierons l’application en production.

Cette formation est accessible à tous les niveaux, même si certains passages peuvent être un peu techniques. ;0

J’espère qu’elle vous plaira, autant sur le fond que sur la forme, et surtout… que vous apprendrez énormément !