Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Why is the nuxt dev server so slow?

Why is the nuxt dev server so SLOW

Bun APIs in nuxt server APIs

Does anyone know a way to use the Bun APIs like Bun.file inside Nuxt's server APIs? In my nuxt config I already set ```ts nitro: {...

NuxtUI3 Custom Variant and Compound Variants Issue

Using Nuxt UI 3, I'm having issues styling a custom variant in a specific color. Defining the custom variant in the button.variants.variant works as expected, and intellisense recognizes the variant elsewhere in the project. Once I attempt to define a compoundVariant that includes the custom variant, intellisense breaks and the project no longer builds, as it appears the compoundVariants object is expecting the fixed list of variants specified in the base button. Example config:...

Error prerendering site

Hello, I have an error when prerendering the website on a page but I am struggling finding the root cause of it Errors prerendering:...

rollup error module nuxt 4

Im trying to update my module (https://github.com/Pentadome/nuxt-openAPI-wrapper/tree/nuxt-4) to Nuxt 4. but after updating, whenever i build the playground, i get this rollup error: ``` RollupError: playground/node_modules/.cache/nuxt/.nuxt/openapi-wrapper/index.ts (1:7): Expected '{', got 'type' (Note that you need plugins to import files that are not JavaScript) nitro 17:39:20
...

No intellisense for props/properties/attributes

Fresh new project, no intellisense for custom or nuxt components /components/Tester.vue ```html <script setup lang="ts">...

✘ [ERROR] Could not resolve ".prisma/client/index-browser"

When i start my app and following the @prisma/nuxt tutorial i got this error ✘ [ERROR] Could not resolve ".prisma/client/index-browser" node_modules/.pnpm/@prisma+client@6.15.0_prisma@6.15.0_magicast@0.3.5_typescript@5.9.2__typescript@5.9.2/node_modules/@prisma/client/index-browser.js:1:23:...

Install radix-vue module in nuxt3

Hi there👋 I'm an experiecend React developer and I'm new to Vuejs I'm trying to install radix-vue in my nuxt3 project, but I'm getting an error if I add module in nuxt.config as it is shown in radix-vue documentation. I suspect that it works only for nuxt 4, and if it's true is there any way to achieve autoimports for radix vue in nuxt 3...
No description

How to properly setup mongoose without external modules

I am using nuxt server plugins to create a connection to the database using mongoose and closing the connections with nuxt hooks 'close' event. Now everything is working fine as expected in dev. But as soon as i run pnmp run build, the process gets stuck and i need to manually exit the process using ctrl + c after which I run the node output command to run the localhost in production mode That was all fine until I had to deploy the same thing on nuxt amplify, which after getting stuck on nuxt build, times out. Can someone help me here? I have the same config and everything as is, working in NUXT3, only upgraded as I had to also upgrade node version because amplify is stopping support for node 18 after mid September...

Prevent Nuxt from injecting setInterval import into worker

I have a worker I'm importing using ?worker which is using setInterval. Nuxt "helpfully" adds this handler for SSR as an import ```ts import { setInterval } from "/_nuxt/@fs/C:/Users/Tobias/WebstormProjects/tally/nodemodules/.pnpm/nuxt@4.1.0@parcel+watcher@2.5.1@types+node@24.3.0@vue+compiler-sfc@3.5.21_db0@0.3.2_ioredi_kafnzuo23ez3kp4fs4kd7hv64i/node_modules/nuxt/dist/app/compat/interval.js?v=4c3d3eb9"; importScripts("/_nuxt/@vite/env")...

How to exactly use nuxt-bridge

I'm trying to use nuxt-bridge to make our application more compatible with Nuxt 3. I'm trying to follow the documentation but it is not very clear. I did the Nuxt and Vue updates prior to installing Nuxt bridge so thankfully I'm already on: - Nuxt 2.18.1 - Vue 2.7.16...

How do I set "site name" for a nuxt website?

On google search results the site name I get for my website is just my domain and then the domain is repeated again in the URL. Attached is SERP screenshot of TikTok Ads (I chose this example because TikTok Ads uses Nuxt and they are in the Nuxt showcase). In this example:...
No description

Nuxt Moudle Con't run "dev:prepare"

package.json ``` "dependencies": { "@nuxt/kit": "^4.0.3", "shiki": "^3.12.1"...

Debugging server routes with Node Inspector

Hi everyone 🙂 Currently I have a lot of heavy processing on my Nuxt Server API endpoints (Nitro /H3). I make calls to external API's and I chunk the promises to handle all of this. The problem I have is currently I have a bottleneck somewhere down my code, but I can't seem to find the problem with just console.log, How can I Debug my Nitro / Nuxt server endpoints with node inspect? I've tried nuxt --inspect but that seems to work only with the frontend side of Nuxt?? Correct me if im wrong....

:ui=What are the advantages of the UMain component?

What are the advantages of the UMain component?

Deploying to nuxthub, issue types prisma

Have this error:
Error: Could not load /home/runner/work/wolfstar.rocks/wolfstar.rocks//server/database/generated/client (imported by server/database/prisma.ts): ENOENT: no such file or directory, open '/home/runner/work/wolfstar.rocks/wolfstar.rocks//server/database/generated/client'
Error: Could not load /home/runner/work/wolfstar.rocks/wolfstar.rocks//server/database/generated/client (imported by server/database/prisma.ts): ENOENT: no such file or directory, open '/home/runner/work/wolfstar.rocks/wolfstar.rocks//server/database/generated/client'
i tried deploy the project using prisma with generated file

Nuxt 4 Layer (ui package) and TailwindCSS v4

I am creating a nuxt v4 monorepo template to help people getting started: https://github.com/Psycarlo/nuxt-supabase-monorepo-boilerplate It's a monorepo with apps and packages. I want to use tailwindcss v4 and shadcn-vue. ...

Slow build times in nitro server build

Hi! My build times of my Nuxt app are this, it is normal? The nitro server take too much time Client 6.66s Server 6.27s Nitro Server 56s...
No description

How to hide columns with UTable?

I'm trying with ``` <script setup lang="ts"> import { ref } from "vue"; ...

Custom error.vue only appears in development (Nuxtv4)

Hello, I am developing an app with Nuxtv4 and I made the error.vue at ~ along with app.vue, now in development it appears just fine. Also when I do pnpm generate and pnpm preview it shows yet in the actual build it shows the default one instead of the custom one I have this in its script ``` import type { NuxtError } from '#app'...
Next