Tips to reduce Edge requests & Vercel costs?
Hi! I'm working on a Nuxt (3.9.1) project that recently got a big spike in popularity, with hundreds of users connected at once throughout the day. But it has caused a significant increase in costs.
The setup is pretty standard: prerender: true for static pages and ISR for dynamic pages. There are a lot of list pages with small images and a user section for comments (Supabase).
I’ve already moved most assets to Bunny CDN, which helped lower costs, but I’m looking for more ways to optimize, especially to reduce Edge requests and save more. Do you have any tips or articles to recommend?...
New user
im a react dev and i have read the vue docs and understand the vue syntax so can i directly start with Nuxtjs because im making a production project for my own startup, also when will nuxt v4 will release and what auth is good with nuxt?
Conditionnal nuxt ui button size with tailwind media query
how i can conditonnal my nuxt ui UButton size with edia query in tailwidn with ssr nuxt 3 app
How can I process some data on server-side and send it to the client-side
How can I process some data on server-side and send it to the client-side?
why does my plugin code gets executed for client side navigation?
guys why does the code in my plugins get executed while i do client side navigation?
that is the code outside the
page:start hook, gets executed for every client side navigation and the import.meta.client is set to false....Is a nuxt3 fullstack framework ?
can I build Management system using just Nuxt3 as front-end and back-end ?
Location of data
I have an array of links name , what is the best location to save this array in my file structure ?
Error: ENOENT: no such file or directory, access '/tmp/nitro/worker-1615786-1.sock' | Nuxt
I enabled addvertises on live server then give below error could you please help me to solve this error
Nuxt UI3 UButton block
In nuxt ui 2 there is the block property in the UButton, however in nuxt ui 3 there is no block, what is the equiv in nuxt ui 3?
Failed to resolve import
I have this new error, yesterday the site was running normally. I delete the
node_modules and did npm i again, but this did not solve it.
```[plugin:vite:import-analysis] Failed to resolve import "./accordion" from "node_modules/@nuxt/ui/dist/runtime/types/index.js?v=5c224cb9". Does the file exist?
/frontend/node_modules/@nuxt/ui/dist/runtime/types/index.js:1:16...Cannot access before initialization
I have a few custom nitro aliases setup:
```
nuxt.hook('nitro:config', (nitroConfig) => {
if (!nitroConfig.alias) return
...
Auto import utils in server recursively
I'm able to get auto import for recursive files working in the app dir, but I don't see any way to do it for the server dir.
Strange error when trying to run dev mode on a fresh install
For some reason, I seem to be getting this error when trying to run dev mode on my fresh Nuxt installation. I only installed
nuxthub:
```
ERROR The requested module './dev2.mjs' does not provide an export named 'createNuxtDevServer' 17:35:40
...Default emit definition
Hey I'm new to the vue/nuxt ecosystem. One thing I'm confused about is how to properly define a default emit. For example:
```vue
<script setup lang="ts">
const app = useNuxtApp()...
How to type the nuxt module?
I use this command "nuxt-module-build prepare && nuxi dev playground" to develop the entire part of the module, but nothing is typed, even "#components" is not able to obtain the components.
Did I do something wrong?...
Setting cookie with sendRedirect
I'm having a weird error where I can't make a simple replication for it seems. I am logging in a user and setting their session via
useSession then I am redirecting them back to where they came from using sendRedirect. However that results in their session NOT being set. If I simply comment out the sendRedirect everything works fine though.Code splitting and auto-import
How I can split complex layouts/pages to separated components without auto-imports?
I have a layout in
~/layouts/default.vue and I want to move header and footer to separate files as standalone components (for code clarify). Header and footer only used in that layout and anywhere else, so placing it in ~/components is a bad idea, because of header and footer will be autoimported in the whoole app (I think, ~/components must be used only for reusable components). If I place header.vue and footer.vue inside ~/layouts near layout file (default.vue), nuxt will interpreate it as a standalone layouts. My solution is to place layout files inside non autoimported folder and reexport it in ~/layouts, so I created folder ~/import/layouts/default and three files header.vue, footer.vue and layout.vue (main layout file where footer and header are manually imported), then I create default.ts inside ~/layouts directory and reexport layout like this:
```html
<script setup lang="ts">
// ~/import/layouts/default/layout.vue...Use a library as a plugin
Hello,
I'm trying to setup driver.js 1.x in a Nuxt v3 project
Here's what I've done:
`npm install driver.js``
Then I've created a plugin under plugins/driver.js with :...
how to apply css modules to hash css selectors in nuxtjs3?
how to apply css modules to hash css selectors in nuxtjs3?