Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

.env file not working in production build

This is my first nuxt project. The .env file isn't being passed to the production build. From what I understood, I have to map the .env manually to the nuxt.config, is that correct? Also I set the NITRO_PORT in .env and that isn't passed either.

[SOLVED] Failed to parse URL from sitemap.xml at node:internal/deps/undici/undici....

Hi, Every build (dev and prod) shows this (non-blocking) error: ```console 9:51:36 AM: [error] Failed to parse URL from sitemap.xml...

App runs in dev but not after build + preview

I have a Nuxt 3 app that runs okay in dev mode but when I build it and use npx serve to take a look, I get a blank screen with this error in the console: ``` Uncaught TypeError: isFunction is not a function at defineComponent (runtime-core.esm-bundler.js:1478:10)...

useCookie with lifetime

Hello @kapa.ai How can I use useCookie with lifetime or maxAge?...

Pre-render for Firebase Hosting, Nitro deploy to firebase functions

Hello everyone, I want to be able to prerender all my website (SSG) so they can be served by Firebase Hosting, but allow nitro endpoints (deployed on Firebase Functions). I can run pnpm generate to get my SSG, but I'm not finding a way to build the nitro backend WITHOUT serving the static content. ...

How to avoid hydration missmatch when using a dynamic template?

Hello, I'm working on a project where we fetch page data from a CMS as html. It can contain vue components such as a Tooltips. It basically works after turning on runtimeCompiler in nuxt.config but I get a lot of hydration mismatches from it. Does anyone have any tips on how to fix this?...

Nuxt SSR redirection from external site

Hello everyone, When a user goes through a Stripe Checkout and returns via a link like: ``` <a class="Link NTVCZeIn__BusinessLink Link--primary" href="http://localhost:3000/en/workspace" aria-label="Back to TRANSCRI" title="TRANSCRI" target="_self" data-testid="business-link">...

How does lazy fetch affect SSR and page content for robots if at all?

If i use const { data, pending } = await useLazyAsyncData('foo', () $ => $fetch('/api/foo') instead of the usual useAsyncData will it have any affect for the SSR and the page content that crawlers see?

What's the best way to send heartbeat request from client to server

I started learning nuxt and trying something. I am trying to send an analytics like heartbeat request to the server side. So I think I can just attach a global interval and send a request to server each X seconds. I just don't know what's the best way to do it in nuxt. I might be thinking completely wrong, don't hesitate to guide me to the correct way....

How to deal with chunks not found after deployment?

Hi there, I'm deploying my Nuxt project to Cloudflare Pages. Right now it's fully client-side rendered. ...

How to build and deploy nuxt?

I am not using one of the preconfigured deploy templates offered by many hosting services. Therefore I need to know how to traditionally build the site, deploy it, how to make sure https is enabled, and finally how to update it. Thanks....

Form fields reset on submit, and a some other strange behavior

Hi all! I've used Vue for several years, but I've been working on learning some new libraries to add to my toolbox (Nuxt, NuxtUI, Pinia Colada)... I noticed some strange behavior when using the NuxtUI Form component with Pinia Colada and I created a simple Todo app to replicate the issues I'm seeing. I'm hoping somebody here can help me out. https://github.com/partap/nuxtui-forms-test...

navigation menu custom slot

when i want to customise the navigation menu with a custom slot to the left of the links I need to basically recreate the entire menu for that parent link right? ```<!-- Events custom slot --> <template #events-content="{ item }"> <ul class="grid gap-2 p-4 lg:w-[500px] lg:grid-cols-[minmax(0,.75fr)_minmax(0,1fr)]"> <li class="row-span-3"> <p>Left side content</p>...

ContextMenu in table

How do I put a contextMenu on a table? In nuxt ui 2 you could but in nuxt ui 3 I don't know how

Nuxt content sqlite modify #nuxtcontent

Hi I have been playing with Nuxt content and I wonder How could a I modify the sqlite dump. I want to save vector embeddings into the generated sqlite.

favicon setup

I have nuxt-seo currently im using the default favicon.ico but I want to set this up properly now. Should I generate a favicon.ico with different sizes online somewhere and just replace that file? or do I need seperate files with different favicon sizes?

Breaking out of nested page layouts

Say I have this pages structure: ``` ├── users.vue ├── users │ ├── index.vue...

Devs are getting error during test/build -> Invalid `NUXT_UI_PRO_LICENSE` license key

* Happening in our GitHub workflows (see image attached) * So far, whenever this happens we have found that there are two devs running builds simultaneously... is this a limitation? * Re-running the build again 20 seconds later usually results in success * We have an "Organization" subscription to Nuxt...
No description

Modal resize

Is there any way to change the width of the nuxt ui modal? Because I was looking and I can't make it wider and I need it to be wider