Nuxt 3 Routing Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024

ความคิดเห็น • 44

  • @ProgramWithErik
    @ProgramWithErik  2 ปีที่แล้ว

    Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out
    👉mentorcruise.com/mentor/erikhanchett/

  • @drfcozapata
    @drfcozapata 2 ปีที่แล้ว

    You save my life! 😁😁😁
    Thanks a lot for this video. Blessings from Venezuela

  • @leshayadams4705
    @leshayadams4705 2 ปีที่แล้ว

    Best Nuxt introduction I've found! Always love your tutorials ❤

  • @maxassis4060
    @maxassis4060 2 ปีที่แล้ว

    you have the best content of Vuejs, greetings from Brazil

  • @mastermo1199
    @mastermo1199 2 ปีที่แล้ว +3

    hey, great video! would like to see more vue and nuxt content. side question: what kind of glowing extension do you have installed in vscode? this looks great on the brackets..

  • @timojedai6576
    @timojedai6576 2 ปีที่แล้ว +3

    You can also use useFetch and useAsyncData composables for this example

    • @ProgramWithErik
      @ProgramWithErik  2 ปีที่แล้ว +1

      Yes, in the next video I show that.

  • @tuongmengleang711
    @tuongmengleang711 2 ปีที่แล้ว

    Great lecturer I really like your videos
    from Cambodia 🇰🇭 🇰🇭

    • @Syberby
      @Syberby 2 ปีที่แล้ว

      where did you learn english?

  • @chris_ea
    @chris_ea 2 ปีที่แล้ว

    Absolutely learned something - thanks alot!!!

  • @TheHimalaiaNinja
    @TheHimalaiaNinja 2 ปีที่แล้ว

    in some versions the underline _index would be used for input, instead of [id], good vid

  • @briansackett9500
    @briansackett9500 2 ปีที่แล้ว

    Hey Erik, thanks for your help ive watched all of your nuxt videos.. very good job. In the event we organize say.. tv show fetching logic.. in a composable, what is the best way to go about handling route changing from that composable in a /shows/[slug].vue page structure? refreshing data, watching the slug, etc..
    Ive watched alot of videos, I dont know if this is the right convention, if my syntax is just a little off or what but it seems like I keep getting a "hit or miss" when i click a NuxtLink.. I think this would be a worth while topic for a video. Cheers!

  • @marciliojrr
    @marciliojrr ปีที่แล้ว

    If I had an object (with diffenrent values, like a string, a number...) in /pages/index.vue. How can pass this object to /pages/search/index.vue for example usando NuxtLink? I'm trying using some like this that you show in the video, but this didn't work. Is this possible?

  • @АлександрМецкер-б6ю
    @АлександрМецкер-б6ю ปีที่แล้ว

    Thanks you for tutorial!

  • @kerodfresenbetgebremedhin1881
    @kerodfresenbetgebremedhin1881 2 ปีที่แล้ว

    Great Video, Composition API seems Nice

  • @Rauliqbal
    @Rauliqbal 2 ปีที่แล้ว

    thanks for helping me

  • @Andy-wx3xd
    @Andy-wx3xd 2 ปีที่แล้ว

    Do you need to import ref an onMounted inside a setup script? First Nuxt auto import these? It works without the imports but I’m wondering if it’s needed for some reason?

  • @cengiz-ilhan
    @cengiz-ilhan 2 ปีที่แล้ว

    why you dont use useFetch ? i cant do with useFetch and "fetch" (your code ) is working. i don't understand difference

  • @codestuff3685
    @codestuff3685 2 ปีที่แล้ว

    great one loved it

  • @projectworld8632
    @projectworld8632 2 ปีที่แล้ว +1

    thank you sir i learn a lot of thing from you 💋💋💋💋

  • @MohammadZare90
    @MohammadZare90 ปีที่แล้ว

    Is there any way to ignore nuxtjs default file-based routing? I want to define routes and use it as it used in pure vue app

  • @mahsamiiiir
    @mahsamiiiir 2 ปีที่แล้ว

    Hi Erik, why the Nuxt 3 does not support PWA module?! how can I use PWA so!

  • @zackplauche
    @zackplauche 2 ปีที่แล้ว

    HOW DO YOU ACTUALLY LINK to the `[id].vue` or whatever links passing the parameter id to a NuxtLink?

  • @u4yk
    @u4yk 2 ปีที่แล้ว +1

    I'm assuming you're on Windows and probably running WSL. There's a limitation in WSL where Vite won't update unless you enable polling. You can do that like this in your Vite config:
    export default defineConfig({
    server: {
    watch: {
    usePolling: true
    }
    }
    })

    • @ProgramWithErik
      @ProgramWithErik  2 ปีที่แล้ว +1

      Thanks! It was acting slow at times, but that might help!

  • @danielwatson6529
    @danielwatson6529 2 ปีที่แล้ว

    Real good mate

  • @mtzrmzia
    @mtzrmzia 2 ปีที่แล้ว +2

    Nuxt Auth not compatible yet with Nuxt3 and that’s why I still using Nuxt2 😥

    • @ProgramWithErik
      @ProgramWithErik  2 ปีที่แล้ว +1

      They are working on hard on getting more stuff working!

  • @RamuRamu-eu2sx
    @RamuRamu-eu2sx 2 ปีที่แล้ว

    Make nuxt.js 3 beginners , tutorial, we are needed

  • @erwintan9848
    @erwintan9848 2 ปีที่แล้ว

    Onchange on search function tutorial please..

  • @SergeiKalpakov
    @SergeiKalpakov 2 ปีที่แล้ว

    What we should do with multilanguage? At this moment nuxt3 i18n package dosn't support routes.
    There is a problem - when u want a multilanguage app and u have several entry-templates for one route mask

    • @ProgramWithErik
      @ProgramWithErik  2 ปีที่แล้ว +1

      Are you asking what to do if you want a route in a different language? I would think you'd have a url structure like /en/some-route or /fr/some-route ? Or, you have a toggle a the top of each page to change to a different translation...

    • @SergeiKalpakov
      @SergeiKalpakov 2 ปีที่แล้ว

      @@ProgramWithErik it's a little bit deeper. For example u have huge multilang site with a lot of different sections, articles and structure like domain/{locale}/{sectionSlug}/{articleSlug}
      So how would u deal with that without i18n routing modules configuration? Do you see the way to do it clean and nice?
      Thank you.

  • @cadmanedwards3730
    @cadmanedwards3730 2 ปีที่แล้ว

    plz create auth in nuxt 3 like login,register forgot password

  • @vornamenachname906
    @vornamenachname906 ปีที่แล้ว

    sorry but this is so abusing and stupid to manage it like this. only frontend developers could do things like [id].vue ...

  • @heyyy4987
    @heyyy4987 2 ปีที่แล้ว

    Stop and restart the server is borring a lot..

  • @julianosvonskingrad7009
    @julianosvonskingrad7009 2 ปีที่แล้ว

    Looks interesting. I just ran into a problem: I have pages for every user in my application: ".../userId/searchOptions/movies". The userId is mandatory but dynamic. The options are not mandatory but also dynamic of course. So the same html file is supposed to appear when calling ".../123/b39d02/movies" and ".../123/movies. But my folder structure "_userId/[[options]]/index.vue" is not working at all.

  • @tadasmajeris
    @tadasmajeris 2 ปีที่แล้ว

    what is this sorcery - amazing 😀