NexTailwind
Pour les développeurs qui veulent diversifier leurs compétences pour avoir plus de valeur
Crée des interfaces qui montrent que tu maîtrises ton sujet
Démarque-toi de la masse de développeurs avec des sites qui donnent envie de t'embaucher
Regarde cette courte vidéo pour tout comprendre
étudiants
Voir les avis+74 leçons
4 projets pratiques
7 bonus inclus
Discord et support à vie
Personne ne veut aller sur tes apps...
C'est logique !
Si ton design :
- est moche
- ne donne pas envie de rester
- est compliqué à comprendre
LES GENS QUITTENT TON SITE !
En moyenne, un utilisateur reste 52 secondes sur une page web. Sur melvynx.com par exemple, la moyenne est de 1m22 :
Si durant ce temps, tu ne l'as pas convaincu, c'est SUIVANT, un peu comme sur Tinder.
Mais ce n'est pas de ta faute !
9 devs sur 10 sont mauvais en design.
Aucune formation, bootcamp ou autre ne parle de ça, pourtant en tant que développeur fullstack :
On fait tout le temps des interfaces !
Il est essentiel de développer cette vision "produit" si importante quand on développe des applications.
Et je te rassure...
Il n'y a PAS besoin d'être designer pour avoir cette vision "produit".
Tu peux être développeur ET être bon en design
Le design, c'est comme le code, ça s'apprend.
Et je peux t'assurer qu'avec uniquement les bases, tu peux devenir très bon.
Pour te dire, il y a quelques années, je créais des interfaces qui ressemblaient à ça :
C'est vraiment pas terrible...
Je me suis vite rendu compte dans mon entreprise de l'importance de savoir créer un bon produit !
Ça passe par le UI / UX !
Je me suis donc formé et j'ai appris tous les concepts élémentaires comme :
- Les couleurs
- Le spacing
- Les animations
- etc…
Tout ça m'a permis de créer Codeline.app (ma plateforme de formation) :
Tout ça a été possible grâce à deux choses :
- TailwindCSS et son écosystème
- Les 7 concepts de design de base
Mais je te rassure... c'est moins compliqué que ce que tu crois.
Mais avant de t'en parler, laisse-moi te présenter...
Qui est ton formateur ?
Melvyn Malherbe
Je suis un expert NextJS, et j'ai la chaîne YouTube avec le plus de contenu avancé sur NextJS en France.
J'ai créé un gros SaaS — Codeline — que je maintiens depuis 2022.
Et toutes mes applications, je les ai toujours faites avec TailwindCSS.
Si j'ai décidé de créer ce programme, c'est car j'en avais marre de voir des développeurs se dévaloriser à cause de leur portfolio ou SaaS qui manquait cruellement de bon design.
Alors que personnellement : j'ai compris dès le départ l'importance du design.
Et c'est pour ça que j'en ai fait un focus.
Melvynx • Apprendre à coder
Hey ! Je crée des vidéos sur le code avec des stacks comme React / Next.js / JavaScript ! ...plus
Virgile
Créateur de Algomax et développeur React (Remix)
Romain Cerezo
Co-fondateur de SendShort, créateur de contenu
Johan Le Roch
Développeur Freelance Senior en React et créateur de contenu
TailwindCSS révolutionne le CSS
Oui, je pèse mes mots.
En 2025, TailwindCSS est devenu totalement incontournable et il est essentiel de le maîtriser.
Juste pour rire… voici la liste des entreprises qui l'utilisent :
Et voici la courbe de téléchargement :
En 2021, Bootstrap était téléchargé 1 million de fois tous les jours contre 300'000 pour Tailwind.
En 2025, Tailwind est téléchargé 10 millions de fois quand Bootstrap ne l'est que 4 millions.
En seulement 3 ans, Tailwind est devenu la solution de référence.
La majorité des nouveaux projets adoptent Tailwind (comme ChatGPT ou Claude 🤔)
Mais pourquoi Tailwind marche-t-il si bien ?
😞 Avant Tailwind
- Compliqué de faire un beau design
- Utilisation de BEM de l'enfer
- Compliqué à maintenir
- Pas performant
😎 Avec Tailwind
- Design simple à réaliser
- Code rapide dans le markup
- Super simple à maintenir
- Performant et optimisé
Les avis des membres
Melvyn aide vraiment à comprendre le fonctionnement du framework et p...
Le format, comme toutes les informations, est au top ! Le fait de pouvoir toujours tester tout ce qu'on découvre grâce au playground est super intéressant.
Pour moi, qui suis à la base plutôt d...
Tailwind est simple !
Car il ressemble totalement au CSS.
Maîtriser le CSS = maîtriser 50% de Tailwind.
Le problème, c'est qu'il y en a beaucoup qui l'utilisent mal...
Faire du Tailwind en mode "yolo", c'est très facile.
Mais tu n'utilises que 10% de Tailwind.
Mais en 3 ans d’utilisation intensive de Tailwind, j'ai trouvé tous les concepts et astuces qui te permettent d'utiliser 100% de Tailwind.
Car oui… avant de faire une formation sur le sujet, j'ai :
- Créé 8 applications de A à Z avec Tailwind (Codeline, BulkCorrector, Chat2Code, etc...)
- Lu des centaines d'articles sur le design
- Testé des dizaines de librairies et d'outils pour m'améliorer (clsx, tw-merge, tw-classed etc..)
Tout ça m'a permis de vraiment maîtriser Tailwind et de comprendre son utilité…
Tailwind, plus qu'un framework CSS, va accélérer tes compétences en design.
C'est ce que je te propose avec ma formation :
Tu vas devenir bon en design
Imagine maîtriser Tailwind et être...
capable de créer de belles interfaces du premier coup (comme ChatGPT)
capable d'utiliser Shadcn/UI et toutes les autres librairies facilement
confiant dans tes compétences en design afin d'augmenter tes tarifs
Et qu'en plus, je te garantie que ça fonctionne ? Tu voudrais pas rejoindre la formation ?
Car c'est exactement ce que tu vas faire avec NexTailwind
De dev à Dev-designer
Prends de l'avance.
Avec NexTailwind, tu vas non seulement maîtriser Tailwind…
Mais tu vas aussi devenir un vrai dev-designer.
Un dev-designer arrive non seulement à coder mais aussi à intégrer une charte graphique, créer des composants de 0 et avoir une vision produit.
La vision produit, c'est tous les aspects de l'interface, ne pas juste exécuter mais réussir à réfléchir l'interface.
Évidemment, avec ma formation uniquement, tu ne vas pas devenir designer, mais tu auras toutes les compétences pour être un parfait développeur qui crée de belles interfaces.
Tu vas acquérir les compétences et techniques pour ne pas avoir besoin d'un designer.
Tu vas augmenter ta valeur pour des entreprises, startup ou missions freelance car tu seras capable de faire plus de chose.
Peu importe tes compétences en CSS ou design actuellement…
Tu vas pouvoir acquérir cette nouvelle compétence rapidement.
Bien plus qu'un cours sur Tailwind, une formation complète en design pour développeur
Je ne suis pas designer. Mais après 4 ans d'expérience en tant que développeur indépendant, j'ai énormément de chose à t'apporter.
Cultive ton œil de designer
Pas besoin d'être un expert pour reconnaître un bon design. Je vais t'apprendre à voir les choses différemment.
Fais un code propre Tailwind
Beaucoup de critiques sur Tailwind sont à propos de la "beauté" du code. La vérité c'est que les détracteurs l'utilisent juste mal et je vais te montrer comment faire un code propre.
Créé des interfaces comme un magicien
Le layout avec FlexBox peut vraiment te rendre surpuissant. Je vais te montrer comment faire des interfaces de folie.
3 Workshop à faire
Rien de mieux que maîtriser Tailwind en recréant des interfaces compliqué de 0
Ce que tu vas apprendre
Module 1 : Challenge pratique
Découvre la magie de Tailwind en pratiquant avec un premier challenge.
- 1 Création de notre première card Tailwind
- 2 Maîtrise de la documentation
- 3 Première animation Tailwind
2 jours
Module 2 : Pourquoi Tailwind
Découvre POURQUOI Tailwind est autant utilisé dans le monde.
- 4 Workflow simplifié
- 5 Aucun style non utilisé
- 6 Design système de qualité
- 7 Consistances facile
- 8 Documentation parfaite
- 9 Communauté en OR
2 jours
Module 3 : Utility-first base
Découvre tous les secrets, tips et astuces que Tailwind peut t'apporter.
- 10 Les font-style
- 11 Les sizes Tailwind
- 12 Les spacings
- 13 Les border
- 14 Flex
- 15 Grid
- 16 Modifier pseudo class
- 17 Modifier responsive
- 18 Modifier dark mode
- 19 Modifier group
- 20 Projet final
2 jours
Module 4 : Tailwind avancé
Découvre les concepts avancé de Tailwind que la majorité des développeurs ignorent.
- 21 Les utilitaires cheatés de Tailwind
- 22 Le design cheatés de Tailwind
- 23 Les gradient parfait
- 24 Les raccourci Tailwind qui te font gagner du temps
- 25 Les hack avec Flex box
- 26 Les animations devenue simple
- 27 Transition facile
- 28 Workshop #1
1 semaine
Module 5 : PRO du Design
Découvre les 7 concepts de base pour transformer ton design en un design de PRO.
- 29 Les spacings
- 30 Les couleurs
- 31 Le layout
- 32 Les typographies
- 33 Les transitions
- 34 Les animations
1 semaine
Module 6 : Mini-formation Figma
Apprends à utiliser Figma pour collaborer ou pour faire du design.
- 35 Les bases de Figma
- 36 Le auto-layout pour un développeur
- 37 Les variables
- 38 Les composants (un peu comme React)
- 39 Manipulation d'un SVG
1 semaine
Module 6 : Tailwind avec React
Apprends à intégrer Tailwind avec React en utilisant Shadcn/UI.
- 40 ESLint avec Tailwind
- 41 Class Variant Authority (CVA)
- 42 Comment faire du Tailwind avec React
- 43 Clsx + Tw-merge démistifé
- 44 Shadcn/UI en pratique
- 45 Les features avancées de Shadcn/UI
- 46 Workshop #2
1 semaine
Les bonus que tu vas avoir
🎁 Bonus 1 : Ressources Tailwind
+50 articles / outils que j'ai pris + d'1 an à trouver
La liste complète des sites web qui rendent Tailwind encore mieux. Couleurs, librairie, outils, tout y est !
🎁 Bonus 2 : Cours offert
Formation sur le CSS
Tu as des problèmes avec le CSS ? Les couleurs, unité etc... ne sont pas clairs pour toi ? Pas de soucis, ce bonus est un cours de rattrapage pour mettre tout le monde au même niveau !
🎁 Bonus 3 : Flexbox et les layout
Transforme tes idées en interface
Découvre tous les concepts avancés de Flexbox, comme le shrink, le grow et plein d'autres propriétés qui vont t'être utiles toute ta vie.
🎁 Bonus 4 : Animation
Maîtrise Motion/React
Découvre comment utiliser Motion/React pour créer des animations fluides et performantes.
🎁 Bonus 5 : Communauté
Accès au discord
Tu peux me poser toutes tes questions et moi et la communauté te répondrons pour t'aider à avancer.
Fais décoller ta carrière dès aujourd'hui 🚀
2x
Plus rapide
Mise à jour à vie
Pas d'abonnement
NexTailwind
Dev-designer: Maîtrise le design avec TailwindCSS
400 €
Accès à toute la formation NexTailwind à vie afin de maîtriser TailwindCSS et le design web.
- Modules de formation (+75 leçons)
- Formation complète sur TailwindCSS
- Formation sur le design web
- Formation sur Tailwind avec React
- Communauté privée avec les membres
- Accès à l"ensemble des modules à vie
- Garantie de 30 jours sans conditions
- 🎁 Bonus Formation CSS / Flex-box
- 🎁 Bonus Formation Motion.dev
Inclus
NexTailwind - 400 €
Paiement en 4 fois 100 € disponible
NexTailwindReact
Bundle: TailwindCSS + React
1000 €
799 €
-20 %Accès à NexTailwind et BeginReact pour te maîtriser le design avec React.
- Tout ce qu"il y a dans NexTailwind plus :
- Module BeginReact (+130 leçons)
- Exercices BeginReact (+60)
- 8 workshops en React
- Garantie de 30 jours sans conditions
- Projet final "HealthBurger"
- 7 Challenges Techniques sur React
- 🎁 Bonus : Interview avec Sebastien Lorber
- 🎁 Bonus : Liste de 50 articles React
Inclus
NexTailwind
BeginReact
Paiement en 4 fois 250 € disponible
Ne prends aucun risque.
Chaque formation que je propose est garantie de manière inconditionnelle pendant 30 jours.
Tu peux regarder l'intégralité de la formation en 29 jours et me demander un remboursement.
Pour le faire, il te suffit de m'envoyer un e-mail à help@melvynx.com avec ton mail, le nom de la formation et tu seras remboursé en moins de 24 heures.
Et même si tu n'y arrives pas...
Je te paie une formation !
La garantie 2 est très simple :
Si tu termines la formation sans avoir l'impression de maîtriser le développement full-stack, tu peux m'envoyer un e-mail avec le lien de la formation de ton choix.
Je te la paie avec ton e-mail et t'envoie les accès.
C'est très simple : si tu prends cette formation, tu es sûr d'être formé, que ce soit avec ou sans moi.
Si tu laisses passer cette occasion...
Tu vas continuer de faire partie des développeurs NULS en design.
Tu vas passer à côté d'une occasion de monter en compétences et de te différencier.
Il est compliqué de trouver des développeurs qui ont un œil pour le design.
Car si tu veux devenir freelance…
Ou même salarié…
C'est ce genre de compétences qui va faire la différence.
Avec les projets que tu vas réaliser et l'expérience que tu vas acquérir, tu auras un vrai avantage sur les autres.
Car le design fait partie intégrante du développement front-end.
Par contre, si tu continues à te focaliser "que" sur le code.
Tu ne vas pas te différencier des autres...
Tu manqueras de cette compétence...
Et les gens continueront à ignorer tes sites web.
Et clairement... 400 €, c'est déjà pas assez cher.
Je pourrais facilement tripler le prix.
Tous les bootcamp et autre formation en ligne ignore totalement ce sujet !
Item
Price
Cours sur TailwindCSS
100 €
Cours sur le design
200 €
Tailwind avec React
100 €
Bonus 1 : Ressources Tailwind
50 €
Bonus 2 : Formation complète sur le CSS
100 €
Bonus 3 : Flexbox et les layout
100 €
Bonus 4 : Webinaire 1x par mois
100 €
TOTAL
750
Mais moi...
Je te le fais à 400 €
Le pire là-dedans... c'est que tu peux rejoindre la formation et littéralement m'arnaquer grâce à mes garanties !
Je veux rejoindre NexTailwindFAQ
Ils en parlent mieux que moi...
Plus de développeurs ont rejoint... voici leurs résultats.
Ce n'est pas ma première formation avec Melvyn et je suis toujours aussi satisfait. Les sujets abordés sont maitrisés par le formateur ce qui se ressent dans la pédagogie de qualité:Des ...
Melvyn aide vraiment à comprendre le fonctionnement du framework et p...
Le format, comme toutes les informations, est au top ! Le fait de pouvoir toujours tester tout ce qu'on découvre grâce au playground est super intéressant.
Pour moi, qui suis à la base plutôt d...
J’ai suivi la formation NexTailwind et j’en suis très satisfait. Elle m’a permis de compreendre les bases de Tailwind ainsi que du CSS. Les flex, justify center et margin top non plus de secret pour ...
Je connaissais déjà Tailwind et j'ai voulu compléter mes connaissances, et je ne regrette pas ! Grâce à la formation de Melvin j'ai pu me perfectionner, revoir les bases en comprenant comment ça...