🤯 I MIGRATED a Next.js application to Nuxt.js in 1 HOUR

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

Комментарии • 51

  • @TheAlexLichter
    @TheAlexLichter  Месяц назад +1

    UPDATE: The Interview is out @ ruclips.net/video/33ex2A04b7g/видео.html
    PS: Today is your last chance to leave questions for Evan with regards to his new company - VoidZero.
    Check it out at ruclips.net/user/postUgkxJwWXI0yI2TpP2OqV7JX084zqi4KOuvmO 👍🏻

  • @roid1510
    @roid1510 17 дней назад +4

    As a react dev, this video is amazing to get a first look into how vue works in a non-tutorial scenario. Thank u

  • @Andrew_arg
    @Andrew_arg Месяц назад +18

    i tend to forget how nice is the vue api vs react. Nice video.

  • @expresscoding3525
    @expresscoding3525 Месяц назад +19

    Please make beginners to advanced Nuxt js course with project ( A real-world project )

    • @DavidDeSloovere
      @DavidDeSloovere Месяц назад

      Have you checked out the Mastering Nuxt course by Michael Thiessen? Not free. But worth its money.

  • @soundrightmusic
    @soundrightmusic Месяц назад +2

    Great content. It's always awesome to see how different developers solve the same problems.

  • @scriptedpixelsltd
    @scriptedpixelsltd Месяц назад +5

    Can never get over how Nuxt & Vue looks, and is, sooooo much nicer to work with compared to Next & React 👌🏽

  • @QueeeeenZ
    @QueeeeenZ Месяц назад +1

    Converting Next app to Nuxt ❤‍🔥I HAVE to see this one!

  • @djxak
    @djxak Месяц назад +2

    One thing I liked in "Next" version more is the code organization. Specifically the fact that components, that are intended to be used on a specific page are lying closer to that page. And it's me, who actually never used React/Next and always uses Vue/Nuxt. :)
    I'm really missing an ability to organize code logically when I'm using Nuxt. Putting every component into a global space is not the best ogranization, don't you agree? I tried to invent some "workaround" like duplicating pages hierarchy under the "components" dir and other approaches, but all of them not convenient to work with comparing to organizing code "by features" as opposed to "by types", where you need to jump back and forth between several global folders over and over again even if you are working on a single specific feature at the moment.

    • @TheAlexLichter
      @TheAlexLichter  Месяц назад

      I see your point! In think this is mainly solved by layers on a bigger scope, but I think there is space for a more fine-grained solution. Follow this discussions which suggests to bring that feature to Nuxt! Follow github.com/nuxt/nuxt/issues/28894 along.

  • @s4ndeep1203
    @s4ndeep1203 Месяц назад +8

    we need that hat merch !! xD

  • @nyambe
    @nyambe Месяц назад +16

    Lol, too funny. You tell'em. They are always ghosting Vue/Nuxt

  • @rylanharper
    @rylanharper Месяц назад +13

    No joke, I’ve never heard Theo even mention Nuxt lol

  • @jon8236
    @jon8236 Месяц назад +8

    Amazing. Any plans for a video about auth options for Nuxt projects? I have been looking at different solutions:
    auth utils
    Better-auth
    sidebase/auth
    Lucia (Deprecated)
    nuxt-auth (Nuxt 2 only)

    • @kaaaxcreators
      @kaaaxcreators Месяц назад

      Lucia is not deprecated?

    • @TheAlexLichter
      @TheAlexLichter  Месяц назад +1

      Lucia will be deprecated early next year. See eg x.com/pilcrowonpaper/status/1843258855280742481?s=46&t=tJveHCYtiY5v-kdgTMClJQ

    • @TheAlexLichter
      @TheAlexLichter  Месяц назад +2

      Auth is on the list but sadly always a very tricky topic to teach due to the sheer options, different setups etc etc

    • @isakgustavsen6536
      @isakgustavsen6536 Месяц назад +1

      Supabase is pretty good, but there’s so many variables. If you need a DB supabase nigh unbeatable, managed I like both Logto and Kinde, and auth-utils if you want to dip your toes into creating it yourself

    • @kaaaxcreators
      @kaaaxcreators Месяц назад

      @@TheAlexLichter thank you. Very sad to me. Was it not one of the best ones? Maybe even the best

  • @vojtaplocica4991
    @vojtaplocica4991 Месяц назад

    Would love to see a video about nuxt and storybook.

  • @AdamR-s7j
    @AdamR-s7j Месяц назад

    great video, thank you

  • @thepromisebenard
    @thepromisebenard Месяц назад

    Nice video Alex. please which extension or shortcut are you using to create the vue component?

    • @rapha-v
      @rapha-v 16 дней назад

      I think it's a custom keyboard vscode shortcut, pretty easy to do, I have my owns too

    • @thepromisebenard
      @thepromisebenard 16 дней назад

      @@rapha-v That's cool. Thank you!

  • @solomanter
    @solomanter Месяц назад +1

    like it!

  • @codestuff3685
    @codestuff3685 Месяц назад +1

    Epic and It is Very FUNNY

  • @node666
    @node666 Месяц назад

    Amazing.

  • @EvestDev
    @EvestDev Месяц назад

    YES PLEASE

  • @d.g.567
    @d.g.567 Месяц назад

    How is it possible to contribute to the Nuxt ecosystem as a Product Designer? It is shame that nuxt is so criminally underrated and I am here to help change this!

    • @lukastrumm
      @lukastrumm Месяц назад +1

      The documentation can be improved. A lot of people seems to have issues with understanding basic Nuxt concepts even though, they are explained currently in Nuxt documentation. What is also missing are guides that describe the usage of multiple tools for one problem e.g. Nuxt + Nitro + H3. Nuxt docs usually only link to the other libraries or modules.

  • @Magdabo
    @Magdabo Месяц назад

    Why you have all code in app folder, in default nuxt project everything is main folder. How to change it to app?

    • @arturs03
      @arturs03 Месяц назад +2

      He is using upcoming nuxt 4 folder structure

    • @TheAlexLichter
      @TheAlexLichter  Месяц назад +3

      I explained all about the new folder structure in this video 👌🏻
      ruclips.net/video/KnCNOp5Pbfs/видео.html

  • @jonileih
    @jonileih 17 дней назад

    Kommentar für den Algo

  • @andreidetenkov
    @andreidetenkov Месяц назад

    How to migrate Nuxt2 to Nuxt3 in one hour? )))))))))

  • @codestuff3685
    @codestuff3685 Месяц назад +1

    epic

  • @hamdaniash-siddiq5021
    @hamdaniash-siddiq5021 Месяц назад +1

    First think that most Nextjs user really dislike from nuxt is they way the name things. like NuxtLink, NuxtLayout, NuxSomething, NuxtAnotyherThing, (not to mention defineNuxtRouteMiddleware which i believe is better tobe defineMiddleware). Why dont they just name it Link, Something.. Its like american version of English where they need more explanation to something. The second one is the hell of confusion between module and plugin. everytime i decide to learn nuxt, when it comes to module and plugins, i rethink my decision and get back to nextjs. or mybe there is not much resource on the internet talks about these two.

    • @najlepszyinformatyk1661
      @najlepszyinformatyk1661 Месяц назад

      The crap with modules sucks, additionally the thing that then you don't explicitly import something from 'somewhere' but instead have access to the stuff automagically what is stupid.

    • @TheAlexLichter
      @TheAlexLichter  Месяц назад +4

      One-Word components are not really a things Vue to avoid collision with future HTML components!
      Plugins vs modules:
      * Plugins are Runtime
      * Modules are build time.
      Might consider a video on that!

    • @TheAlexLichter
      @TheAlexLichter  Месяц назад +1

      Re auto imports: you can disable them but using them sparingly should help 👌🏻

    • @najlepszyinformatyk1661
      @najlepszyinformatyk1661 Месяц назад

      @@TheAlexLichter in that case it's still the problem, as with auto imports. My concern is that if I install library for push notifications, I would like to use it `import {usePush} from 'my-library-of-choice'. Like in `normal` javascript ecosystem. Disabling autoimports according to docs `This will disable auto-imports completely but it's still possible to use explicit imports from #imports.` won't let me to `import something 'my-library-of-choice'` but `import {something from '#imports'` that is even worse.

    • @limp6986
      @limp6986 Месяц назад

      ​@@najlepszyinformatyk1661 Stop whining. If you prefer configuration over convention, explicit vs "magic", then just continue using nextjs.
      This is like Laravel vs Symphony. You can achieve the same with both, it just depends on your coding style preference.
      Do you want to code faster by leaning towards the framework's conventions (and the cons that it brings)? Use Laravel.
      Do you want to configure and architect your apps manually, spend time writing boilerplate code before starting to write your business logic? Use Symphony.

  • @o_glethorpe
    @o_glethorpe Месяц назад

    You're about to receive a very harsh email from theo

  • @ibrahimal-abdulsalam9984
    @ibrahimal-abdulsalam9984 Месяц назад

    no react without vue
    😂❤

  • @darksideishere
    @darksideishere Месяц назад

    Amazing.