Créer une Plateforme SaaS avec Next.js 14, React, Prisma, Stripe, Tailwind | Cours complet 2024
Bienvenue dans notre cours complet sur la création d’une plateforme SaaS en utilisant les technologies Next.js 14, React, Prisma, Stripe et Tailwind. Cette plateforme sera conçue pour offrir une expérience performante, sécurisée et esthétique à vos utilisateurs.
Les outils et technologies utilisés dans ce cours :
- Next.js : un framework JavaScript utilisé pour le développement frontend et backend.
- React : une bibliothèque JavaScript permettant de créer des interfaces utilisateur interactives.
- Prisma : un ORM (Object-Relational Mapping) pour gérer la base de données de votre application.
- Stripe : une plateforme de paiement en ligne sécurisée et fiable.
- Tailwind : une bibliothèque CSS utilisée pour styliser votre application de manière efficace.
Contenu du cours :
Ce cours complet vous guidera à travers toutes les étapes nécessaires pour créer votre propre plateforme SaaS, en commençant par la configuration de l’environnement de développement, la mise en place de la base de données avec Prisma, la création des composants frontend avec React et Tailwind, ainsi que l’intégration du système de paiement avec Stripe.
Vous apprendrez également à gérer les utilisateurs, les abonnements, les paiements récurrents, la sécurité et bien d’autres fonctionnalités essentielles pour une application SaaS réussie.
À qui s’adresse ce cours :
Ce cours s’adresse aux développeurs web et aux entrepreneurs souhaitant créer leur propre plateforme SaaS en utilisant des technologies modernes et performantes. Une connaissance de base en JavaScript, React et HTML/CSS est recommandée pour tirer pleinement parti de ce cours.
Conclusion :
En suivant ce cours complet sur la création d’une plateforme SaaS avec Next.js 14, React, Prisma, Stripe et Tailwind, vous serez en mesure de concevoir et de déployer votre propre application SaaS de manière professionnelle et efficace. N’attendez plus, lancez-vous dès maintenant dans cette aventure passionnante !
Merci pour ce tuto!
Comment faire pour utiliser next auth Oauth avec une application react native ?
Super comme formation, mais alors la vitesse est infernale à suivre, ce n'est vraiment pas simple, il y a quelques concepts qui ne sont littéralement pas expliqués, je crois que le plus perturbant, c'est de te voir utiliser des shortcuts pour les erreurs, pages, etc sans avoir la config.
Melvyn vous êtes bon je suis vos tutos ça m'aide vachement à progresser mais vous êtes trop rapide revoyez ça s'il vous plaît😏
Superbe, la video !
Pour l'effort, il y'a rien à dire tu assures. J'ai commencé à reproduire de mon côté mais au niveau de google cloud api, j'ai pas pu traversé dû au fait qu'il faut une carte de crédit pour finaliser la création d'un projet. Ne me jettez pas la pierre, c'est que c'est pas normal ce que je dis mais si tu pouvais faire des contenus assessibles pour tous, ce serait encore génial ! Moi qui avait déjà tout installé😫😫pour déguster la vidéo.
Génial ta vidéo, j'ai appris énormément !
Dis moi, tu n'aurais pas une astuce pour gérer le type Decimal avec Zod ?
J'ai un champ dans ma table au type Decimal et non Float pour plus de précision, mais visiblement Zod connait pas ce type ^^
Salut super vidéo c'est exactement ce dont j'avais besoin? J'ai une erreur par contre à l'initalisation du projet à 22min. Je reçois l'erreur suivante :
Module not found: Can't resolve '@/src/lib/utils'
Mon components :
"aliases": {
"components": "@/components",
"utils": "@/lib/utils"
}
Mon Tsconfig :
"paths": {
"@/*": ["./src/*"]
}
Aide moi stp !! 🙂
iPhone rouge ._.
Est-ce que vous pouvez nous offrir une formation en Angular Material svp ? Merci d'avance
Super un très grand merci pour ce cours et je ne sais comment te remercier encore merci continu comme ça
Merci énormément pour ces efforts !
Salut , pourrais tu rajouter un timecode dans la description s’il te plaît ?
Bonjour Melvyn, tout d'abord merci pour le tuto.
J'ai un petit problème vers la minute : 32:55 de ton tuto, quand je fais la commande "npx prisma migrate dev" (j'utilise npm), j'ai cette erreur que j'arrive pas a resoudre :
Environment variables loaded from .env
Prisma schema loaded from prismaschema.prisma
Datasource "db": PostgreSQL database "get-testimonials.com", schema "public" at "localhost:5432"
Error: P1001: Can't reach database server at `localhost`:`5432`
Please make sure your database server is running at `localhost`:`5432`.
Je ne suis pas familier avec Postgresql, je viens de l'installer avec pgAdmin 4 etc, mais j'ai essayé pleins de choses avec ChatGPT etc rien ne marche, j'ai toujours la même erreur, je crois qu'il ne détecte pas de database au port 5432 mais je ne sais pas comment faire. Voici d'ailleurs mon fichier .env :
DATABASE_URL="postgresql://postgres:@localhost:5432/get-testimonials.com"
GOOGLE_CLIENT_ID="bon la c'est mon url du coup"
GOOGLE_CLIENT_SECRET="la pareil j'ai caché"
Merci d'avance pour ton aide et bonne soirée.
coucou je ne connais pas react ni next mais je compte les apprendre via ta formation que j'ai achete . Je ne comprends pas du tout ce que tu fais mais je pense que c'est normal
Merci pour ce partage … Generosite numerique
tu es passer a la vitesse supérieur. tu prend le temps de tous explique ce qui est super cool le reflet de toute tes formations.
Ouah ! Je poste ce commentaire un peu en retard, car j'étais tellement absorbé par la vidéo que je l'ai mise en pratique en même temps !
ça toujours été un plaisir de suivre tes vidéos, tu es vraiment formidable. thanks for all @Melvyn
Enorme tuto, merci
Bonne vidéo Melvynx, c'est quoi le nom de l'application que tu utilises pour expliquer?
Good job! Énorme valeur ajouté au monde tech fr