Créer un Portfolio de développeur - Next.js 14, TailwindCSS, React | Cours complet 2024

Поділитися
Вставка
  • Опубліковано 10 лис 2024

КОМЕНТАРІ • 117

  • @justabettergamer5643
    @justabettergamer5643 7 місяців тому +4

    Merci de nous proposer ce genre de tuto, tu me montres comment utiliser tailwind au max c'est super sympa

    • @melvynxdev
      @melvynxdev  7 місяців тому +1

      ah yes trop cool !

  • @SanaYavo
    @SanaYavo 7 місяців тому +1

    J'ai jamais autant appris sur tailwind et nextjs dans une seule vidéo, merci.

    • @melvynxdev
      @melvynxdev  7 місяців тому

      Merci beaucoup ❤️

  • @christsagbo9831
    @christsagbo9831 7 місяців тому +3

    J'ai tout suivi. Excellent cours Melvyn. J'ai beaucoup appris comme d'habitude.

  • @mubarakdev
    @mubarakdev 7 місяців тому +3

    Tu ne cessera jamais de m'impressionner. Merci énormément pour tes contenus !!!

    • @melvynxdev
      @melvynxdev  7 місяців тому +1

      Merci beaucoup à toi aussi de continuer de me soutenir ❤️

  • @gloriameli5482
    @gloriameli5482 7 місяців тому +1

    J'aime trop ce que tu fais, tu es devenu une sorte de mentor pour moi concernant le front end merci encore😊

    • @melvynxdev
      @melvynxdev  7 місяців тому +1

      Ça fait trop plaisir merci beaucoup ❤️

  • @jc13OM
    @jc13OM 3 місяці тому

    Excellent. On en apprend énormément, évidemment si on prend le temps de s'arrêter sur chaque principe évoqué, car ce tuto sème énormément d'indices sur des éléments qu'il faut comprendre.
    Evidemment Melvyn ne s'arrête pas à chaque concept (ce n'est pas le but), mais pour donner un exemple, j'ai été interpellé par la syntaxe
    cn(
    {"h-8 lg:h-16": size === "sm",
    "h-8 lg:h-24": size === "md",
    "h-8 lg:h-32": size === "lg",}
    )
    Ce qui m'a améné à regarder en détail comment fonctionne cn et d'où sort cette syntaxe. Bref, il y a bien plus que 1h30 de connaissance là dedans.
    Merci Melvyn une fois de plus.

  • @akardev
    @akardev 7 місяців тому +1

    merci Melvynx pour tout ce que tu fais. tes cours sont assez claire et comprehensible

    • @melvynxdev
      @melvynxdev  7 місяців тому +1

      Merci ça fait très plaisir !

  • @stephane6730
    @stephane6730 7 місяців тому

    Banger⚡ banger⚡ Melvyn. J'ai pris palisir a regarder le tuto du début à la fin. Merci encore

  • @ayoubigame41
    @ayoubigame41 29 днів тому

    Ouaaa en 5min de vidéos, je vois déjà que c'est du lourd. Franchement ça donne envie, je suis meilleur je pense en back et le front m'a toujours fait un peu peur dans le sens où je me vois mal créer un site tout beau et clean, j'ai l'impression de pas avoir de style/créativité, et en même temps le CSS me fait peur. Je sens que la vidéo va changer bcp de choses

    • @melvynxdev
      @melvynxdev  28 днів тому

      Ah trop bien mec ça fait plaisir ! Tu me diras ce que ton pense a la fin

  • @GhomMAO
    @GhomMAO 7 місяців тому

    Merci pour les conseils et les good practices, c'est intéressant et très utile. Je dois justement refaire mon portfolio car je ne trouve pas de mission depuis plus d'un an 😅 Et j'aime beaucoup Next.js donc bon... lucky !

  • @Infornia
    @Infornia 7 місяців тому

    je met ça de côté pour la fin de pause déjeuner haut curieux d'utiliser tailwind ça à l'eau style, merci les vidéos quali de dev

  • @aurelienhouse654
    @aurelienhouse654 7 місяців тому

    Merci pour tes vidéos qui nous améliorent beaucoup

    • @melvynxdev
      @melvynxdev  7 місяців тому

      ahaha ça fait plaisir !

    • @aurelienhouse654
      @aurelienhouse654 7 місяців тому

      @@melvynxdev j'essaie de deploy l'application avec firebase, mais bien que le build en run start fonctionne parfaitement, dans la version en ligne de Firebase le css ne fonctionne pas ! Je ne comprends pas 😢

  • @rocketfennek8337
    @rocketfennek8337 6 місяців тому

    Trop trop incroyable, je vais trouver un taf grâce à toi 😂! merci

  • @Chat.GPTrim
    @Chat.GPTrim 6 місяців тому

    C'est bien réfléchi. Bravo

  • @theoverger
    @theoverger 6 місяців тому

    C'est une fois de plus, une superbe vidéo ;) ! Merci pour tous ce que tu fais !

    • @melvynxdev
      @melvynxdev  6 місяців тому

      merci beaucoup à toi !

  • @maximegavinet7912
    @maximegavinet7912 6 місяців тому

    Super vidéo + 1 abo j'aime bien ta façon de faire même si par moment tu vas super vite en tout cas continu ce genre de concept c'est génial pour ceux qui sont pas fan du Front ^^ ca permet d'essayer de faire quelque chose de propre 😉

    • @melvynxdev
      @melvynxdev  6 місяців тому

      Ah trop cool merci, je vais tenter de faire moins vite.

  • @johancode
    @johancode 7 місяців тому

    Tu n'arrêtes jamais ! 🔥

  • @walidtelil3331
    @walidtelil3331 4 місяці тому

    pooo le niveau de maitrise 👌👌👌👌👍👍. Trop rapide le switch

  • @Aurelll100
    @Aurelll100 7 місяців тому +1

    I love your portfolio 💚

  • @maxence7340
    @maxence7340 6 місяців тому

    Ça fait des semaine que je me récolte des portfolio intéressant, à mon goût. Je fini ma formation et je m'y met

    • @melvynxdev
      @melvynxdev  6 місяців тому

      merci !

    • @maxence7340
      @maxence7340 6 місяців тому

      @@melvynxdev oh bah merci à toi surtout. Tu bosse pour nous. Ton contenu m'aide pas mal

  • @davidgounteni-qf2cw
    @davidgounteni-qf2cw 3 місяці тому

    merci melvyn pour cette video

  • @StevenP-j6s
    @StevenP-j6s 28 днів тому

    super intéressant, merci à toi. Par contre obligé de te mettre au ralenti pour pouvoir suivre lors du codage pour tester de mon coté ^^

  • @sandraberger986
    @sandraberger986 7 місяців тому

    Merci c'est justement ce dont j'ai besoin.

  • @CK-hz2hg
    @CK-hz2hg 6 місяців тому

    I LOVE YOUR PORTFOLIO. ET CA FAIT BIMBAMBOUM.

  • @marluchechocowinetree1793
    @marluchechocowinetree1793 4 місяці тому

    Au top merci !!!

  • @CompagnonDeCode
    @CompagnonDeCode 7 місяців тому

    Super, comme toujours !

  • @digital-passionv7046
    @digital-passionv7046 5 місяців тому

    merci pour le partage !

  • @yohankapongo6
    @yohankapongo6 7 місяців тому

    Tié un monstre, merci beaucoup

  • @hervedemuylder
    @hervedemuylder 7 місяців тому

    ok du coup j'écrit n'importe quoi en commentaire ^^ plus sérieusement super intéressant je suis pas fan de réact et next ( je suis sur la Stack nuxt/adonis ) mais super interessant
    thks pour le temps de partage

    • @melvynxdev
      @melvynxdev  7 місяців тому

      Merci beaucoup pour le temps pris en commentaire !

  • @geekmall225
    @geekmall225 4 місяці тому

    merci pour cette video de genie ,dit tu utilises quelle extension

    • @melvynxdev
      @melvynxdev  4 місяці тому

      euhhh plein

    • @geekmall225
      @geekmall225 4 місяці тому

      @@melvynxdev pour les mehode rapide
      par exemple quand tu tape comp

  • @Gontran_Courtjoie
    @Gontran_Courtjoie 7 місяців тому +2

    Est-ce qu'il faut des bases en JS pour suivre ce tuto ?

    • @melvynxdev
      @melvynxdev  7 місяців тому

      Oui quand même, après tu peux définir ton design comme je fais dans la partie 1 et faire ton portfolio en html / css

  • @mirkoucho
    @mirkoucho 7 місяців тому +1

    tu as juste oublié les liens dont tu parles dans la description ;) hésites pas à les mettre quand tu y penses !

    • @melvynxdev
      @melvynxdev  7 місяців тому +1

      merci pour ton commentiare j'ai rajouté !

  • @inelusjudelin4635
    @inelusjudelin4635 6 місяців тому

    Incroyable la video. J'espère un jour pouvoir coder aussi rapidement😂.
    J'ai une petite question. Pour un developpeur Jr, comment on fait qd on a pas d'experience à mettre dans notre portfolio? On peut seulement ne pas ajouter cette section et espérer impressionner avec la section Projects ou il faut imperativement remplir l'espace avec qlq chose d'autres coe ecrire Freelancer?

  • @leudjeuprince2418
    @leudjeuprince2418 7 місяців тому

    tes vidéos sont toujours ouffff t'es trop balèze

  • @harinosytrade711
    @harinosytrade711 7 місяців тому

    Merci pour tes videos ;)

  • @josiasapelete787
    @josiasapelete787 7 місяців тому

    merci

  • @VizardAlpha
    @VizardAlpha 3 місяці тому

    As-tu déjà pensé a react-icon, ils reprennent déjà lucide et offre beaucoup plus d'icone, après pour ce projet, lucide fera l'affaire. Sinon bonne vidéo !

    • @melvynxdev
      @melvynxdev  3 місяці тому

      Oui, c'est au besoin, c'est peut-être mieux d'avoir une seule bibliothèque d'icônes au design unifié et cohérent plutot qu'une API qui regroupe plusieurs types d'icônes différents...

  • @EdzonmxDev
    @EdzonmxDev Місяць тому

    Je ne sais pas si tu vas répondre mais je voulais demande c'est quelle App tu prend pour faire les Captures d'écran.
    Mais, dans le cadre de la video je te dis Chapeau...
    Tu as une maitrise parfaite de ton Ordinateur 😅
    Je suis époustouflé...

    • @melvynxdev
      @melvynxdev  Місяць тому

      ahaha merci beaucoup, j'utilises CleanShotX

    • @EdzonmxDev
      @EdzonmxDev Місяць тому +1

      @@melvynxdev Ahaha le seul UA-camur qui répond a tout les messages. Merci bcp t'es le meilleur.

    • @melvynxdev
      @melvynxdev  Місяць тому

      ❤️

  • @Johnnystar973
    @Johnnystar973 4 місяці тому

    Merci encore pour ta vidéo 🙏🏾, malheursement je bloque au début du setup, la fonction cn n'est pas reconnue, tu as fait une vidéo sur le sujet ? Bonne continuation à toi

    • @melvynxdev
      @melvynxdev  3 місяці тому

      Tu peux dans un premier temps demander de l'aide dans mon discord : mlv.sh/discord

  • @a8deh
    @a8deh 6 місяців тому

    thank u bro , great explain

  • @staif75
    @staif75 7 місяців тому

    I 💙 your tutos but je suis larguée sur le setup : Tu le commences comment ton projet ? Avec Vite ? Et ensuite tu fais tout le tralala que tu montres dans la vidéo ? Parce que même en suivant les étapes y a toujours un truc qui va pas 🙃

    • @melvynxdev
      @melvynxdev  7 місяців тому +1

      À 15:00 minutes, je copie et colle exactement la copmmande pour setup le projet :)

    • @staif75
      @staif75 7 місяців тому +1

      Cimer 🙏🏻 le mkdir m’avait échappé

  • @silent_pooler
    @silent_pooler 7 місяців тому

    Awesome

  • @Lurio
    @Lurio 2 місяці тому

    c'est quoi son outil pour avoir un meilleur spotlight ?

  • @mohaTlg
    @mohaTlg 4 місяці тому

    i love your portofio 🤣

  • @Sumatra-du3nt
    @Sumatra-du3nt Місяць тому

    Obrigada gatxinho.

  • @Martio_Martio07
    @Martio_Martio07 7 місяців тому

    Nice

  • @funbrainbytemania
    @funbrainbytemania 7 місяців тому

    how to move a selected piece of code in vscode in a new file??

    • @melvynxdev
      @melvynxdev  7 місяців тому

      a selected piece ?

    • @funbrainbytemania
      @funbrainbytemania 7 місяців тому +1

      @@melvynxdev how do you do the operation "move in new file"...
      I saw that in tutorial

    • @melvynxdev
      @melvynxdev  6 місяців тому +1

      Move utils extensions

    • @funbrainbytemania
      @funbrainbytemania 6 місяців тому

      Thanks bro🎉

  • @joelselemuka6320
    @joelselemuka6320 6 місяців тому

    Merci pour vos tuto c’est vraiment cool mais juste une petite remarque: vous parlez et codez trop vite

  • @hugoportier4011
    @hugoportier4011 6 місяців тому

    et le deploy avec vercel ? 😭

  • @MarShell57
    @MarShell57 7 місяців тому +1

    First 😁

  • @IbrahimaSamake-fl8ys
    @IbrahimaSamake-fl8ys 7 місяців тому

    tu est tres fort ,mais tu fait des choses et explique pas pourquoi et ce que sa sert , toutes le monde n'est pads au même niveau comme toi , moi je te vois intègre des fonts dans le layourt avec la fontion cn(). mais tu n'explique pas...

    • @melvynxdev
      @melvynxdev  7 місяців тому +1

      Hello, c'est pas un tutoriel CSS / Taiwlind mais plus une vidéo pour avoir l'inspiration et créer son portfolio. `cn` je l'explique dans d'autre vidéo sur Shadcn/UI et ça permet de merger les classes

  • @maletior
    @maletior 6 місяців тому

    N'importe quoi en commentaire

  • @yanb4315
    @yanb4315 7 місяців тому

    I ❤Tutos 🥸