POUR LES DÉVELOPPEURS QUI VEULENT FAIRE DES DESIGNS QUI IMPACTENT LES UTILISATEURS

Rejoins le top 1% des devs qui sont BONS en design avec TailwindCSS

Arrête enfin de faire des sites “moches” en utilisant TailwindCSS même si tu n'es pas designer.

Regarde cette courte vidéo pour tout comprendre

RDFTVJQCMSRC

étudiants me font confiance

Voir les avis

+74 lessons

4 projets pratique

7 bonus inclus

Discord et support à vie

Personne ne veut aller sur tes applications

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 7 secondes sur une page web.

Si durant ce temps, tu ne l'as pas convaincu c'est NEXT, un peu comme sur Tinder.

Et même…

C'est tellement chiant d'être mauvais en design.

Tu passes ta journée à créer des interfaces que personne n'a envie d'utiliser.

Qui sont compliquées à comprendre.

Et je te rassure :

Tous les développeurs sont comme ça !

Pourtant…

Il n'y a pas besoin d'être designer pour être bon en design.

Tu peux être développeur ET 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 très bon.

Pour te dire, il y a quelques années, je créais des interfaces qui ressemblaient à ça :

site moche

Et quand je me suis mis à vraiment prendre le temps de comprendre les quelques concepts élémentaires comme :

  • Les couleurs
  • Le spacing
  • Les animations
  • etc…

J’ai fait x10 dans mon niveau en design en moins d’un an, tout seul.

Pour créer maintenant des interfaces professionnelles de qualité :

site beau

Tout ça a été possible grâce à deux choses :

  1. TailwindCSS et son écosystème
  2. Les 7 concepts de design de base

TailwindCSS révolutionne le CSS

Oui, je pèse mes mots.

En 2024, TailwindCSS est devenu totalement incontournable et il est essentiel de le maîtriser.

Juste pour rire… voici la liste des entreprises qui l'utilisent :

brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo
brand logo

Et voici la courbe de téléchargement :

site moche

En 2021, Tailwind était 10x moins utilisé que bootstrap !

En 2024, Tailwind est 2x plus utilisé que celui-ci.

Seulement 3 ans.

Et la majorité des développeurs front ont adopté Tailwind.

Tu pourrais penser qu’ils sont fous.

Ou juste qu’ils ont compris un truc que tu n’as pas compris.


😞 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é

Tailwind est simple ?

Oui… tu peux l’apprendre très rapidement.

Mais la vérité, c’est qu’il est beaucoup plus complexe que ce que tu crois.

Faire du Tailwind en mode “yolo”, c’est facile.

Mais tu n'utilises que 10% de Tailwind.

Ce que j’ai découvert en 2 ans d'utilisation intensive de Tailwind, c’est comment utiliser son plein potentiel et les 100% afin de créer des interfaces de qualité.

Car oui… avant de faire une formation sur le sujet, j’ai :

  • Créé 8 applications de A à Z avec Tailwind
  • Lu des centaines d'articles sur le design
  • Testé des centaines de librairies et d'outils pour m'améliorer

Tout ça m’a permis de vraiment maîtriser Tailwind et de comprendre son utilité…

Et toi aussi, tu peux le faire, car avec Tailwind et cette formation :

Photo de moi en train de coder

Tu vas devenir bon en design

Imagine si tu...

Créais de belles interfaces du premier coup

Créais des applications que les gens AIMENT utiliser

Avais un développeur expérimenté qui t’explique chaque détail et secret de Tailwind

Et qu'en plus tu savais que ton succès était totalement garanti ... tu ne sauterais pas directement sur l'occasion ?

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.

Évidemment, en seulement une formation, 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 des compétences qui vont te permettre d’être enfin “design-free”!

Peu importe tes compétences en CSS ou design actuellement…

Tu PEUX passer au niveau supérieur.

🚀 Mais ce n'est pas TOUT

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.

🎨 Design

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.

typescript
🧼 Clean Code

Fais un code propre Taiwlind

Beaucoup de critiques sur Taiwlind sont à propos de la "beauté" du code. La vérité c'est qu'ils l'utilisent juste mal et je vais te montrer comment faire un code propre.

use query gif
📦 FlexBox et Layout

Créé des interfaces comme un magicien

Le layout avec FlexBox peux vraiment te rendre surpuissant. Je vais te montrer comment faire des interfaces de folie.

nextjs 12 video

Ce que tu vas apprendre

Module 1 : Challenge pratique
Module 1

Module 1 : Challenge pratique

Découvrez les bases de Tailwind CSS en créant votre première card, en maîtrisant la documentation et en intégrant votre première animation.

  • 1 Création de notre première card Tailwind
  • 2 Maîtrise de la documentation
  • 3 Première animation Tailwind
Module 2 : Pourquoi Tailwind
Module 2

Module 2 : Pourquoi Tailwind

Explorez les avantages de Tailwind CSS pour un workflow de développement plus efficace et un système de design cohérent.

  • 4 Workflow simplifié
  • 5 Aucun style non utilisé
  • 6 Design système de qualité
  • 7 Consistances facile
  • 8 Documentation parfaite
  • 9 Communauté en OR
Module 3 : Utility-first base
Module 3

Module 3 : Utility-first base

Apprenez à utiliser les utilities de Tailwind pour le style rapide et réactif de vos composants, avec un projet final pour consolider vos compétences.

  • 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
Module 4 : Tailwind avancé
Module 4

Module 4 : Tailwind avancé

Plongez plus profondément dans les capacités avancées de Tailwind, explorant des utilitaires, des designs, et des transitions améliorés.

  • 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 layout facile
  • 26 Animations parfaite
  • 27 Transitions facile
  • 28 Projet final
Module 5 : PRO du Design
Module 5

Module 5 : PRO du Design

Élevez vos compétences en design avec une compréhension approfondie des espacements, couleurs, typographies, et plus encore.

  • 29 Les spacings
  • 30 Les couleurs
  • 31 Le layout
  • 32 Les typographies
  • 33 Les transitions
  • 34 Les animations
Module 6 : Tailwind avec React
Module 6

Module 6 : Tailwind avec React

Intégrez Tailwind CSS avec React pour des interfaces utilisateur modernes et réactives, en tenant compte des meilleures pratiques.

  • 35 ESLint Tailwind
  • 36 Class Variant Authority
  • 37 Thinking in React + Tailwind
  • 38 Comment éviter d’avoir un JSX “moche”
  • 39 Les règles à suivre avec React
  • 40 Intégration de Shadcn/UI

Les bonus que tu vas avoir

🎁 Bonus 1 : Ressources Tailwind

+40 sites web que j'ai pris 1 an à trouver

La liste complète des sites web qui rendent Tailwind encore mieux. Couleurs, librairie, outils, tout y est !

webinaire

🎁 Bonus 2 : Cours offert

De CSS à TailwindCSS

Tu as des problèmes avec le CSS ? Les couleurs, hexadecimal 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 !

webinaire

🎁 Bonus 4 : Flexbox et les layout

Transforme tes idées en interface

Passe rapidement d'une maquette à une interface responsive.

webinaire

🎁 Bonus 5 : Interviews

Interview avec des designers

Des sortes de podcast privés pour les membres de la formation à propos du design.

webinaire

🎁 Bonus 6 : Communauté

Accès au discord

Tu peux poser toutes tes questions, tout le temps, et j'y répondrai.

webinaire

🎁 Bonus 7 : Live

Webinaire live tous les mois

1x par mois, je te prépare une masterclass sur un sujet bien précis, et tu peux me poser des questions, etc...

webinaire
Passe à l'action ⚡️

Deviens bon en design dès aujourd'hui 🚀

+100 heures de contenu
Pas d'abonnement.
Mises à jour à vie.

Ceci est un pré-lancement

Retrouve toutes les informations en cliquant ici.

Le plus populaire
N

NexTailwind

Deviens un PRO du design avec TailwindCSS

400

Paiement en 4 fois de 100 € disponible

Accès illimité à NexTailwind à vie. Profite du pré-lancement.

  • Cours Tailwind complet (6 modules)
  • 🎁 Bonus pour passer de CSS à TailwindCSS
  • 🎁 Bonus pour maîtriser les layout et flexbox
  • Accès à la communauté à vie
  • 1 webinaire mensuel
  • Toutes les mises à jour sont incluses
  • Accès infini au contenu du cours
  • Garantie 100% satisfait ou remboursé pendant 30 jours

Attention ! La promotion se termine dans...

00

jours

:
00

heures

:
00

minutes

:
00

secondes

Résultat garanti !

Je te l’ai dit... je vais faire de toi un maître de Tailwind et du design. Pour m’en assurer, voici mes 2 garanties :

Garantie 1 : 30 jours pour changer d’avis

Tu as 30 jours pour demander le remboursement, peu importe la raison.

Tu peux regarder maximum 10 % du cours NON ! Chez moi, tu peux tout regarder pendant 30 jours et me demander le remboursement si tu n’es pas satisfait.

garanties badge

Garantie 2 : Deviens un PRO ou gagne 200 €

Je t’ai dit que tu allais devenir un PRO de Tailwind et du Design. Si tu termines l’intégralité de la formation et que tu n’as pas l’impression que j’ai tenu ma promesse, je te rembourse et je te paie la formation d’un concurrent à hauteur de 200 €.*

* pour être éligible, il faut avoir visionné l’intégralité de la formation et être capable de prouver que tu as réalisé l’intégralité des exercices (repo GitHub avec des commits, etc.)

garanties badge

Pré-lancement

La formation est en pré-lancement, je n'ai pas encore terminé la formation mais je la propose à un prix exceptionnel pour avoir des retours rapides.

Il y a uniquement le "Module 2 : Pourquoi Tailwind" et "Module 3 : Utility-first base" qui sont publiés.

Je publierai tous les prochains modules d'ici maximum septembre 2024.

Si tu rejoins maintenant :

  • Tu auras accès à toute la formation au fur et à mesure de sa publication
  • Ton avis sera pris en compte.
  • Tu auras un prix que personne d'autre n'aura
  • Tu peux demander le remboursement pendant 30 jours après ton achat, peu importe les raisons.

Important : si la formation ne rencontre pas le succès prévu, je rembourserai tous les membres et annulerai sa publication.

Avis des membres

+1400 membres ont rejoint mes formation... voici leur avis

Ce ne sont pas les avis de NexTailind car... il n'y a pas encore de membres 😅.

Je recommande vivement la formation de Melvyn, qui offre des vidéos et des exercices super clairs. Grâce à NextReact, j'ai appris des trucs de malade comme TypeScript et NextJS. À la fin de la formation, t'auras tout ce qu'il faut pour partir sur un projet solo. Si t'es prêt à bosser, alors fonce sur cette formation, t'auras pas de regret.

Cette formation m'a permis de réaliser plusieurs projets assez conséquents. On y voit beaucoup d'outils pour gagner en sécurité et en productivité comme Zod, Prisma et les tests unitaires. Pour avoir acheté pas mal de formation, je peux vous garantir que c'est la meilleure formation sur Next.js !

Avec zéro connaissance en NextJS et l'ambition de créer un SaaS structuré et intuitif, je me suis tourné vers la formation de Melvyn. Son contenu riche et sa méthode d'enseignement pratique m'ont donnés de solides connaissances pour le lancement serein de SendShort en NextJS.

Enfin une formation française de qualité sur NextJs. Tout ce qu'il faut savoir pour être un bon développeur avec les bonnes pratiques. La formation ne se limite pas à NextJs, elle traite également de TypeScript, zod, de ReactQuery, du front et du back, et enfin des tests. Une formation masterclass tout simplement

NextReact n’est pas simplement un cours vidéo que vous vous contentez de regarder sans rien retenir comme sur Udemy. C’est une plateforme d’apprentissage « nextgen » qui permet de se challenger en codant directement dans le navigateur, tout en suivant les conseils de Melvyn qui est très pédagogue et explique pas à pas chaque concept avec des exemples et des métaphores pertinentes. Melvyn à créé lui même sa plateforme d’apprentissage avec les toutes dernières technos (NextJS 13 avec "/app" dir, React-Query, zod…) et c’est ces mêmes techno qu’il enseigne dans ses lessons. Je ne peux que recommander.

J'ai adoré la plateforme et comment les exercices étaient présentés ! On a vraiment le sentiment d'évoluer et comprendre ce qu'on fait ! D'ailleurs... Ta formation à changée toute la stack technique d'une banque...

J’ai découvert la formation de Melvyn sur YouTube car j'appréciais le contenu de ces vidéos. Pour les personnes qui souhaitent apprendre vite et qui sont motivées, il n'y a pas mieux comme formation ! Certainement l'une des meilleures formations francophones du marché en termes de valeur.

Next React permet d'aller sur des concepts plus précis, d'ajouter typescript, etc. L'aventage de la plateforme c'est les support écrit, les exercices sur le site avec les vidéos ! Ça offre une réel expérience.

Avec NextReact, j'ai été capable de créer 5 applications NextJS en moins d'une années ! Il ne perds pas de temps sur les choses inutile, il t'apprends exactement ce qu'il te faut pour être capable de te débrouiller seul. Je recommande à 100% !

J'ai pris le cours NextReact et franchement super bien fait et très complet, un grand merci pour le travail fourni ! 🙂

J'apprécie énormement les tonnes de schémas présents et surtout le fait de "pratiquer" autant, c'est tellement important ! Puis ta bonne humeur, le côté fun qu'on ne retrouve pas partout est vraiment cool.

La plateforme...

Apprentissage pratique...

Ne te contente pas de regarder ou de lire simplement quelqu'un d'autre qui code - écris ton propre code en direct sur notre plateforme en ligne et interactive. Tu recevras même des recommandations pilotées par IA sur ce que tu devrais revoir pour t'aider à rester sur la bonne voie.

Toutes les features en 2 minutes...

La seule plateforme aussi qualitative, c'est la tienne (...) avec une assistance IA, plein d'exercices, des liens sur la doc, etc... (...) au prix actuel, ta formation, c'est vraiment une pépite (...)

~ Michel, qui ADORE la plateforme !

citation

Si tu laisses passer cette occasion…

Tu vas continuer de faire partie des développeurs NUL en design.

Et je te soulage :

La grande majorité est dans cette situation.

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 à être nul…

Bah, tu vas être au même niveau que les autres…

Galérer… encore et encore.

Sans avoir de chose pour être mis en avant.

Et clairement... 400 €, c'est déjà pas assez cher.

Tu as vu tout ce qu'il y a dans la formation ?

Le nombre de projets... de corrections... l'accès à une des meilleures plateformes francophones... moi ? (je rigole)

Je pourrais facilement tripler le prix.

D'ailleurs... tu sais quoi ? Faisons le calcul de tout ce que je t'offre dans la formation !

Item

Price

Cours sur Tailwind

75 €

Cours sur le design

199 €

Tailwind avec React

99 €

Bonus 1 : Ressources Tailwind

49 €

Bonus 2 : de CSS à TailwindCSS

99 €

Bonus 3 : Flexbox et les layout

99 €

Bonus 4 : Interview des experts

99 €

Bonus 5 : Webinaire 1x par mois

122 €

TOTAL

742 €

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 suis un gagnant, je rejoins !

FAQ

Hello, je suis Melvyn !

Développeur et formateur
je fais partie de ces développeurs nés

la tête de Melvyn !

Je suis le genre de personne qui respire le code. À force d'aider mes camarades de classe puis mes collègues à comprendre des concepts compliqués, je me suis dit que je pourrais partager ce que je sais en ligne !

C'est pour ça que j'ai commencé par créer ma chaîne YouTube suivie de mon compte Twitter qui cumule maintenant plus de 30'000 abonnés.

Pendant mon temps libre (qui est très rare) je crée des petites applications pour essayer de vivre de mes projets de code 💸

En 1 an, j'ai créé 5 projets !

  • Codeline : la plateforme de formation que tu vas rejoindre !
  • Chat2Code : j'utilise l'IA pour générer des composants React
  • BulkCorrector : permet de corriger la grammaire des livres entiers en quelques minutes
  • QuizUp : crée des quiz corrigés par intelligence artificielle
  • StackOverClash : vote pour la meilleure techno !

Ce genre d'application, c'est ce que tu pourrais créer après avoir fait mes formations !

Je suis impatient de pouvoir partager avec toi sur Discord, on se retrouve là-bas !

NexTailwind

©Copyright 2024-present