Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

UInputNumber edit the way the number is displayed?

I'm using the UInputNumber component but I want to use NumberFlow to display the numbers within is this possible or not to display the number in a custom manner like this?

Nuxt docker volume for cache management?

Hypothetical question, the website it ready, but I haven't tried this part yet because it would waste a lot of time if it doesn't work out, but wondering if someone here already knows. Doc doesn't mention Docker, and I am also unfamiliar with docker, given this is my first project with everythign. The websites has a lot of caching on the server side, basically the cache is my website's storage. I've given it a max-time life of several weeks to $fetch calls. So during deployment should I link up a volume for cache? ... I am wondering about how to allocate storage for my needs. If so, how to link a docker volume specifically for nuxt cache?...

Nuxt3 with Tailwind v4

I've setup a Nuxt3 project with tailwind v4. I only have a tailwind.config.js and the imports in the css files but I can not use font styling or colors only position and sizes.

using nuxt starter err: i Restarting Nuxt due to error: Error: Failed to load native binding

我在尝试用pnpm安装nuxt ui starter但是报错i Restarting Nuxt due to error: Error: Failed to load native binding

Nuxt/ui pro licence doesnt work

Hey, I purchased a Nuxt UI Pro license about 30 minutes ago and accepted the invite. I'm now trying to build my project using NuxtHub, but I'm getting an error saying Purchase Nuxt UI Pro at https://ui.nuxt.com/pro/pricing to build your app in production. I've already added the NUXT_UI_PRO_LICENSE=<my-code> to the environment variables in NuxtHub, but the error still persists. What could be wrong? Thanks!...

Help to build a multi-tenancy nuxt application.

I am working on an e-commerce nuxt app, and I want to implement mult-tenancy approach, I have searched for a module that helps me to resolve the tenant from a custom domains or even custom domains, and also provide helper functions to help me handle tenant's specific configs like the selected theme and preffered settings, Is there any one who can guide me where to start and knows an efficient module?

I tried to use tailwind v4 in nuxt but it failed

I followed Tailwind's official tutorial and installed Tailwind v4 using nuxi. But I found that I could only use p-X or m-X styles, and color styles like text-red-500 didn't work. Is it because I didn't set up postcss.config.js or tailwind.config.js?

Inner Drawer/ Model

He guys i want to have a drawer in a framed container like so instead of the whole page any ideas? https://streamable.com/4wxdch...

.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....