Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Firestore deploy in App Hosting

Dear All Does anyone has experience with hosting Nuxt application on Firebase App hosting. Despite numerous attempts and appHosting.yaml configuration keep getting container (misconfigured) - port errors (timeout). Anybody having similar issues?? Thanks! MC...

Maintain request context on serverside fetch requests

I have a endpoint in nitro that i need to call other internal endpoints. I need the event.context of the initial request to be maintained/passed to all subsequent internal requests. I have tried event.$fetch, but i get errors when running tests (vitest) saying $fetch is not a function. I tried fetchWithEvent, and it throws a URL parse error with internal (relative) endpoint urls, so i assume that it wants a full url which would suggest thats its not going to skip the http overhead and call the e...

PWA Application going in a infinite loop

My app is going in an infinite loading loop in production. What could be the reason I guess the service worker is try to register again and again or resources are getting cached with duplicate revisions. I am using NUXT module. Here is my configuration ``` pwa: { injectRegister: "auto", registerType: "autoUpdate",...

fetch data once, then cache to reuse in other places

I'm using pinia stores but say for something simple like calling my server route to get my referral code which I want to display in different places on different pages what approach makes the most sense for this? say i need the referral code on a specific page and then in a component. what's the clean simple way to do this?

updateTemplate for server templates

I know that updateTemplates exists to update virtual modules added by addTemplate, is there something similar for addServerTemplate to update a virtual module on the server? I have a virtual module added by addServerTemplate and I want to be able to update it without triggering a full-reload. But the filter function in updateTemplates does not seem to include my server template and I don't know how to exclusively update it based on the documentation.

After upgrading nuxt I'm getting 404 on .nuxt/fetch.mjs and others

After upgrading Nuxt from 3.13.2 to 3.17.5, some nuxt-generated files cannot be found. In 3.13.2, the files had names like: /_nuxt/@id/virtual:nuxt:/var/app/.nuxt/fetch.mjs (with proper slashes) Now, in 3.17.5, the file names are changed to /_nuxt/@id/virtual:nuxt:%2Fvar%2Fapp%2F.nuxt%2Ffetch.mjs (with %2f instead of slashes), and the files are send to the browser as 404's. ...

<NuxtPage /> not rendering dynamic pages in production (Vercel)

I'm working on a Nuxt 3 project (nuxt@3.17.4) deployed to Vercel. Everything works perfectly in local development: pages render correctly via , data loads, and routing behaves as expected. However, in production, only the layout (header, footer) is visible, and seems to render nothing, as if no matching page is being resolved. What I've tried:...
No description

How to make Nuxt route a specific domain to a prefix?

Consider a normal Nuxt app that has pages under /pages/site/[site]/* . Those pages can be accessible like so example.com/site/foo/my-page-1 example.com/site/foo/my-page-2 etc. Now, I also want those pages to be accessible without a prefix when a specific domain is used. E.g. foo.com/my-page-1 should display the same page as exanple.com/site/foo/my-page-1 How to achieve this with Nuxt?...

Nuxt UI: progressbar not showing the actual progress but is animated

Hi, I'm using a UProgress like this in my template but it doesn't show the progress ``` <div v-if="isUploading" class="mt-4"> <UProgress :value="uploadProgress" status />...
No description

Nuxt-Content better-sqlite3

I have a problem, where my content does not show up on initial page load, only when routing to a page where through nuxtlink. I think PM2 is running fine. But the logs are here: ``` 0|MYAPP | [request error] [unhandled] [POST] http://localhost/__nuxt_content/services/query?v=v3.5.0--6T1Wqm2ZjMYZHm_X0K2vQCrrEz7Uz47n4DF65uDJXf4...

How to opt out of parent inherit?

When I have a nested structure, can I somehow opt-out of the parent <nuxtpage> rendering for a specific page? I need a standalone page at a nested route.

How can we use nuxt devtool in nuxt version 2.x?

I want to use vue devtool in my nuxt 2.x application. Currently the documentation is showing we can use it on 3.x versiions. Is there any way to use it in version 2.x?

An Error occurred after installing Nuxt Content: better-sqlite bindings cannot be found

The detailed Error message is this:
Could not locate the bindings file. Tried: → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/out/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/out/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/default/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/compiled/24.2.0/linux/x64/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/release/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/debug/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/default/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/lib/binding/node-v137-linux-x64/better_sqlite3.node
Could not locate the bindings file. Tried: → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/out/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/out/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/default/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/compiled/24.2.0/linux/x64/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/release/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/debug/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/default/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/lib/binding/node-v137-linux-x64/better_sqlite3.node
...

403 forbidden (parcel etc relative path error)

Windows 11, node v22.13.1 pnpm -v 10.12.1 [GET] "http://127.0.0.1:7459/__nuxt_vite_node__/module/C:/Users/Zubair/node_modules/ufo/dist/index.mjs": 403 Forbidden full error in txt file / at the end (collapse all)....

Import theme error.

I'm using tailwind and to make it easier to organize my themas I've created a separate theme to make it easier to organize. So I created a style.css which has this content....
No description

Modules and instance-configuration-options

I am developing a Nuxt 3 Module to be distributed on NPM as a library. It would act as a module to implement cookie-based authentication, but in order to support stateful-sessions, we need the ability for our users to bring in their own session-storage. In essence, this comes down to implementing an interface we provide and our underlying SDK can work with that. Now I am trying to figure out how to get this instance into the Module from user-land, what I find is the following and I want to sanity check if this is the expected way: - User provides a path to the file that implements the interface and exports the instance...

Prerendering dynamic routes

I have a Nuxt app with some routes: index.vue, contact.vue, and [slug].vue. When I use the following route rules, it only generates the static ones. Could you explain why? ``` routeRules: { '/**': { prerender: true } }...

extremly long compiling time during development

Hey I have just created a nuxtjs project with pnpm and made no changement but when I run the development environment i get very long compiling times (like 40s for 1 file) and it makes it impossible to dev correctly. How could I fix it?
No description

Organized page structure

I have a different organization that I want to achieve with my file system. I am looking to have some pages in sub-folders like this app -> auth -> pages -> login.vue...

Better Auth & Nuxt 4

Given the new directory structure in Nuxt 4, what is the best and most secure way to set up Better Auth (https://better-auth.com) ? The information in the current docs applies more for the Nuxt 3 structure.