Nuxt3 at Scale with Turborepo 📈 Share TDD Vue3 Components

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ • 30

  • @namstel9225
    @namstel9225 9 місяців тому +1

    What a great video, it covers almost everything I'm looking for when trying to move my seperate Nuxt3 web apps to a monorepo. Thanks so much!

  • @solomanter
    @solomanter 9 місяців тому +1

    Thanks man!

  • @kivoshfamily
    @kivoshfamily 2 роки тому +1

    This is an awesome tutorial 😊

  • @paul-e8622
    @paul-e8622 Рік тому

    quality tutorial mate

  • @raine-works
    @raine-works 2 роки тому

    You just made my life way easier

  • @psybitcoin
    @psybitcoin 11 місяців тому +1

    What if we want to use tailwindcss in the ui package?

  • @MarkoBolliger
    @MarkoBolliger Рік тому

    @ 43:46 the problem was you did not activate the takeover mode from vetur so i had the same when i opened the shim file the error was gone but still dont understand why the error happens when i closed the shim file very weired

  • @MarkoBolliger
    @MarkoBolliger Рік тому

    this is a awesome tutorial! but i have two question
    would you add storybook in a separated app or would you add it directly into the ui?
    whats about nuxt layers? would this also be working or is there a difference?

  • @satrianugraha6322
    @satrianugraha6322 11 місяців тому

    thanks kaizen, so i can use nuxt as frontend and nestjs for backend with turborepo? can u make some video to deploy this app?

  • @janiel471
    @janiel471 2 роки тому +2

    hi, it's great tutorial. Thanks a lot. Btw, could you pls share the deployment also. It would be great :)

    • @RobErskine
      @RobErskine Рік тому

      Also looking for steps to deploy to Netlify or Vercel. Did you ever get this working in an optimal way?

  • @vbfcalija
    @vbfcalija 2 роки тому

    Hi. Thanks for the nice tutorial, appreciate it!

    • @vbfcalija
      @vbfcalija 2 роки тому

      By the way, I do have a question. How do you resolve components like this?
      /ui/components/table/index.vue
      /ui/components/tabs/index.vue
      It throws a warning: WARN Two component files resolving to the same name ``:
      Also, can't use the component to something like or

    • @KaizenCodes
      @KaizenCodes  2 роки тому +1

      @@vbfcalija You need to update the .mjs file to let it know about those paths in the ‘dirs’ hook. I’ll post an example below

    • @KaizenCodes
      @KaizenCodes  2 роки тому +1

      @@vbfcalija You can add another call to `dirs.push`:
      dirs.push({
      path: join(__dirname, 'components/table',
      prefix: 'AgencyTable',
      });
      This will make your 'index.vue' component available as `` and e.g. `/ui/components/table/Rows.vue` will be usable as ``.

    • @KaizenCodes
      @KaizenCodes  2 роки тому +1

      @@vbfcalija You'll have to run 'dev' again though if your dev server is active after this kind of update, so the app can resolve the components.

    • @vbfcalija
      @vbfcalija 2 роки тому

      @@KaizenCodes Thank you! It's already working.

  • @jjnimes
    @jjnimes 2 роки тому

    What extension in VSCode you were using for "nc" shortcut? Btw, thanks for this helpful tutorial!

    • @KaizenCodes
      @KaizenCodes  2 роки тому +1

      Hey I just created a code snippet for 'nc' :) And you're welcome!

    • @jjnimes
      @jjnimes 2 роки тому

      @@KaizenCodes And that's nc (nice)! haha

  • @sanderluis3652
    @sanderluis3652 Рік тому

    And how does nuxt apps tests work? I tested a page with the components imported automatically and it didn't work

    • @KaizenCodes
      @KaizenCodes  Рік тому

      Hey Sander! That is something that needs to be worked on by the team. It’s usually because of auto imports and the runtime environment. However Daniel Roe has brought out this: github.com/danielroe/nuxt-vitest that might help.

  • @gabrielcaiana
    @gabrielcaiana 2 роки тому

    Very good :D

  • @fanpeter-z3c
    @fanpeter-z3c 2 роки тому

    when I first saw ur avatar and name u used, I thought u were Chinese lmao 🤣

    • @KaizenCodes
      @KaizenCodes  2 роки тому

      Haha yeah I get that a lot :D I'm obsessed with the Kaizen (Gǎishàn)? philosophy. The avatar uses Kanji since it looks better to me than what I think is カイゼン in plain Japanese script. I would love to learn both Mandarin and Japanese some time in my life. But it looks extremely hard and wouldn't know where to find a good instructor.