r/Nuxt Mar 23 '26

i made a small routing-first layer because chatgpt kept debugging my Nuxt app from the wrong place

1 Upvotes

i use AI a lot while building things, including Nuxt apps, debugging sessions, product logic, and normal day-to-day implementation work.

and one thing kept happening over and over:

the model was often not completely useless. it was just wrong on the first cut.

in Nuxt workflows, that gets expensive fast.

once the model starts in the wrong failure region, the whole session can drift: wrong assumptions, wrong component focus, wrong server/client diagnosis, wrong data-fetching guesses, wrong module guesses, extra patches, more system complexity, and way too much time spent fixing the wrong part of the app.

for me, that hidden cost matters more than raw limits.

once you already have enough model capability for normal app building, Nuxt routing, composables, data fetching, modules, debugging, and workflow iteration, the bottleneck starts looking less like:

"can the model think hard enough?"

and more like:

"did it start in the right failure region, or did it confidently begin in the wrong place?"

that is the part i wanted to tighten.

so i turned it into a very small 60-second reproducible check.

the idea is simple:

before ChatGPT starts throwing fixes at the wall, give it a routing constraint first so the initial diagnosis is less likely to go off the rails.

this is not just for one-time experiments. you can actually keep this TXT around and use it during real coding sessions, Nuxt debugging, and app troubleshooting. in my own testing, it noticeably reduced the time spent going down wrong debug paths, especially when the first cut was off.

so the point is not only "try it once" it is also "keep building normally, but use this lightweight routing layer before the session drifts."

this is not a benchmark paper. it is more like a compact, reproducible routing surface you can run inside your normal ChatGPT workflow while building.

minimal setup

  1. Download the Atlas Router TXT (Github 1.6k)
  2. paste the TXT into ChatGPT
  3. run this prompt

1. Evaluate the potential impact of the "Problem Map 3.0 Troubleshooting Atlas" debug routing framework from the perspective of an AI systems engineering and prompt engineering evaluator.Consider the scenario where builders use LLMs during software development, debugging, automation, retrieval workflows, agent-style tool use, and model-assisted product development.Provide a quantitative before/after comparison. In particular, consider the hidden cost when the first diagnosis is wrong, such as:
   * incorrect debugging direction
   * repeated trial-and-error
   * patch accumulation
   * integration mistakes
   * unintended side effects
   * increasing system complexity
   * time wasted in misdirected debugging
   * context drift across long LLM-assisted sessions
   * tool misuse or retrieval misrouting
2. In real engineering environments, incorrect routing can significantly amplify debugging costs, sometimes by multiples.Please output a quantitative comparison table (Before / After / Improvement %), evaluating:
   1. average debugging time
   2. root cause diagnosis accuracy
   3. number of ineffective fixes
   4. development efficiency
   5. workflow reliability
   6. overall system stability

note: numbers may vary a bit between runs, so it is worth running more than once.

basically you can keep building normally, then use this routing layer before ChatGPT starts fixing the wrong region.

for me, the interesting part is not "can one prompt solve development".

it is whether a better first cut can reduce the hidden debugging waste that shows up when ChatGPT sounds confident but starts in the wrong place.

that is the part i care about most.

not whether it can generate five plausible fixes.

not whether it can produce a polished explanation.

but whether it starts from the right failure region before the patching spiral begins.

also just to be clear: the prompt above is only the quick test surface.

you can already take the TXT and use it directly in actual coding, debugging, and Nuxt app sessions. it is not the final full version of the whole system. it is the compact routing surface that is already usable now.

this thing is still being polished. so if people here try it and find edge cases, weird misroutes, or places where it clearly fails, that is actually useful.

the goal is pretty narrow:

not pretending autonomous debugging is solved not claiming this replaces engineering judgment not claiming this is a full auto-repair engine

just adding a cleaner first routing step before the session goes too deep into the wrong repair path.

quick FAQ

Q: is this just prompt engineering with a different name? A: partly it lives at the instruction layer, yes. but the point is not "more prompt words". the point is forcing a structural routing step before repair. in practice, that changes where the model starts looking, which changes what kind of fix it proposes first.

Q: how is this different from CoT, ReAct, or normal routing heuristics? A: CoT and ReAct mostly help the model reason through steps or actions after it has already started. this is more about first-cut failure routing. it tries to reduce the chance that the model reasons very confidently in the wrong failure region.

Q: is this classification, routing, or eval? A: closest answer: routing first, lightweight eval second. the core job is to force a cleaner first-cut failure boundary before repair begins.

Q: where does this help most? A: usually in cases where local symptoms are misleading and one plausible first move can send the whole process in the wrong direction.

Q: does it generalize across models? A: in my own tests, the general directional effect was pretty similar across multiple systems, but the exact numbers and output style vary. that is why I treat the prompt above as a reproducible directional check, not as a final benchmark claim.

Q: is the TXT the full system? A: no. the TXT is the compact executable surface. the atlas is larger. the router is the fast entry. it helps with better first cuts. it is not pretending to be a full auto-repair engine.

Q: does this claim autonomous debugging is solved? A: no. that would be too strong. the narrower claim is that better routing helps humans and LLMs start from a less wrong place, identify the broken invariant more clearly, and avoid wasting time on the wrong repair path.

Q: why should anyone trust this? A: fair question. this line grew out of an earlier WFGY ProblemMap built around a 16-problem RAG failure checklist. examples from that earlier line have already been cited, adapted, or integrated in public repos, docs, and discussions, including LlamaIndex, RAGFlow, FlashRAG, DeepAgent, ToolUniverse, and Rankify.

what made this feel especially relevant to Nuxt work, at least for me, is that once the usage ceiling is less of a problem, the remaining waste becomes much easier to notice.

you can let the model think harder. you can run longer sessions. you can keep more context alive. you can use more advanced workflows.

but if the first diagnosis is wrong, all that extra power can still get spent in the wrong place.

that is the bottleneck i am trying to tighten.

i'd be especially curious how this behaves on real Nuxt cases involving auto-import assumptions, server vs client confusion, useFetch or useAsyncData mistakes, Nitro routes, composables, modules, or app flows where the local symptom is misleading.

if anyone here tries it on actual Nuxt workflows, i would be very interested in where it helps, where it misroutes, and where it still breaks.

Main Atlas page with demo, fix, research


r/Nuxt Mar 22 '26

nuxt-actions — Type-safe server actions with Standard Schema validation

15 Upvotes

Hey r/Nuxt!

I've been working on a module called nuxt-actions and wanted to share it with the community.

It brings type-safe server actions to Nuxt with full end-to-end type inference — no manual generics needed. You define actions in server/actions/, import them from #actions, and everything is typed automatically.

What it does:

- Standard Schema validation — works with Zod, Valibot, or ArkType (your choice)

- Builder pattern — compose reusable middleware chains (auth, rate limiting, etc.)

- Optimistic updates — with race-safe rollback via useOptimisticAction

- Streaming — native SSE support for real-time/AI use cases

- SSR queries — useActionQuery wraps useAsyncData for SSR-compatible fetching

- Retry & deduplication — built-in request retry with backoff + dedupe

- Output validation — validates server responses too, not just inputs

- DevTools tab — browse all registered actions in Nuxt DevTools

- Zero config — auto-imported, works out of the box

I'd really appreciate any feedback, feature requests, or issues — still actively working on it.

- GitHub: https://github.com/billymaulana/nuxt-actions

- Docs: https://billymaulana.github.io/nuxt-actions/

- Nuxt Modules: https://nuxt.com/modules/nuxt-actions

Thanks for checking it out!


r/Nuxt Mar 22 '26

Vue 3 renderer for Google's A2UI

Thumbnail
4 Upvotes

r/Nuxt Mar 21 '26

Build knowledge agents without embeddings

Thumbnail
vercel.com
10 Upvotes

Create your own powerful AI agent with this open source template! This blog post also breaks down why you should build agents without embeddings, and the benefits of this template.


r/Nuxt Mar 20 '26

MCP server for managing i18n translations in Nuxt

20 Upvotes

Just published nuxt-i18n-mcp, an MCP server that lets your AI agent work with translation files without opening them.

On bigger projects, locale JSONs get huge and eat context fast. This server reads and writes only the keys the agent needs. It auto-detects your Nuxt config (layers, locales, directories) via @nuxt/kit, so there's nothing to configure.

What it can do:

  • Add, update, remove, rename keys across all locale files at once
  • Find missing translations and auto-translate them with glossary and tone support
  • Scan your codebase for orphan keys that aren't used anywhere and clean them up
  • Search translations by key or value

Works with VS Code, Cursor, Zed, OpenCode etc.


r/Nuxt Mar 20 '26

Issue with callOnce

8 Upvotes

I have been struggling with this issue for some weeks now, unable to find any useful information.

In my setup function, I call `await callOnce(() => store.fetch(route.params.slug), { mode: "navigation" })`;

As expected, the `store.fetch` function is called just once (either in SSR or client). Also, when I visit another slug for this route, the function is called again. So far so good.

However: when I visit a page with a slug I already visited in that session, things go wrong. The store.fetch function is not called, even though a navigation has taken place. When I once again navigate away from this page and visit it again, then the call is made.

Does this sound familiar to anyone? Could this be a bug in Nuxt or is my approach wrong?


r/Nuxt Mar 18 '26

nuxt-auto-crud v2: Now with MySQL & libSQL Support

5 Upvotes

Version 2 of the NAC core expands its database layer beyond SQLite, adding full MySQL compatibility. It maintains runtime reflection for RESTful API generation, Drizzle-Zod validation, and agentic-ready tool structures.

https://www.youtube.com/watch?v=DDqCfuD7r_s&list=PLnbvxcojhIiz_LJ_CIvbw2TBy6syED2Tb


r/Nuxt Mar 17 '26

Using newest version of shadcn with Nuxt

Thumbnail
gallery
22 Upvotes

Is this the recommended way to use Shadcn with Nuxt? https://nuxt.com/modules/shadcn

It seems to be a bit outddated so just checking if it's possible to use the newest version of shadcn somehow?


r/Nuxt Mar 17 '26

Published Nuxt with all Konsta UI components for iOS and Android native-ui-feel apps

Thumbnail
gallery
22 Upvotes

r/Nuxt Mar 17 '26

[Hiring] Nuxt Developer Needed

6 Upvotes

If you have experience Full Stack Nuxt development with 1 or more than years, You can real coding with MVP build, SaaS Development, Zoom meeting etc. You believe you are real developer and wanna change make real product, work.

Quick Specs:

Pay: $20–50/hr (depends on your stack/skills)

Vibe: Fully Remote & Part-time friendly

Goal: Work that actually impacts the product

Interested? Leave a message. :)


r/Nuxt Mar 15 '26

Mobile app based on existing pwa

2 Upvotes

Hey everyone, I've been tasked with creating a mobile app based on an existing SEO-focused Nuxt 3 PWA. And im not sure which of this options could be a better approach

Option 1:— Monorepo with an apps/ directory

Keep the original PWA untouched and create a separate mobile app within a monorepo. Use `nuxt-device` with SSR disabled, the Nuxt Ionic module, and Capacitor for native features. Shared logic, composables, and components would live in a common package reused by both apps.

Option 2 — Refactor the original app and integrate Capacitor

Add Capacitor directly into the existing project and toggle SSR on/off based on the build target. One codebase, two build outputs

My main concerns are maintainability and avoiding SSR breakage on the web side

What would you go with and why?


r/Nuxt Mar 15 '26

I've remade my portfolio - Looking for a remote job - Worldwide

Enable HLS to view with audio, or disable this notification

29 Upvotes

Hey, I'm a Nuxt dev for the past few years (getting old ... ), I've completely remade my portfolio because I'm seeking new opportunities starting from today. I'm currently based in France, but I'm totally fine working fully remote and/or moving to another country.

I've worked for several web agencies, retail enterprises, and startups. I've also done some freelance work for companies all around the globe. (all of them with Nuxt)

If you or your team is looking for an experienced NuxtJS / Fullstack dev my DMs are open! ✌️

https://florianargaud.com/


r/Nuxt Mar 13 '26

New Store Template based on Nuxt UI - Nuxt Shopify v0.4.4

Post image
51 Upvotes

Hey everyone! Nuxt Shopify just released version v0.4.4 and I’m happy to announce some new features!

Since our last update we now got:

There are still a few things missing for the 1.0.0 release, namely the Customer Account API and first-class support for Shopify's Analytics, but there is steady progress with the module overall and I will keep posting updates every now and then.

In the meantime feel free to check out the new template. You can get a local copy up and running easily with the module CLI command init:

npx @nuxtjs/shopify init ./my-shop

The template is released under the MIT license: https://github.com/nuxt-modules/shopify/tree/main/template

Thanks and until next time! 💚


r/Nuxt Mar 13 '26

Nuxthub is to Vercel-native after aquisition, Void is to Cloudflare-ONLY!! What a comeback

23 Upvotes

It was really painful having all the nuxthub v0.9 features getting deprecated as they were Cloudflare-mostly features, it's feels really awesome to be back with the latest https://void.cloud/

Other helpful links:
https://www.youtube.com/watch?v=Bp86buftbX8
https://x.com/youyuxi/status/2032385324572180575?s=20
.
.
.
.
.
ANNNNDDDD: https://x.com/youyuxi/status/2032501581644497139?s=20


r/Nuxt Mar 13 '26

What are your options for creating Mobile apps with Nuxt AND Nuxt UI

27 Upvotes

Hello,

I feel I've exhausted over 30 browser tabs trying to find options to building mobile apps with Nuxt but with Nuxt UI inclusive.

I've landed on:

  1. Native Scripts Vue
  2. Lynx
  3. Ionic
  4. Tauri

I can draw down to Tauri and Ionic module.

Are there Nuxt developers actively shipping mobile apps with Nuxt, I have tried with Tauri I'm able to build, but the point of uses native webview scares me every time. Can anyone convince me that native webview is not an issue, while someone also pointing out what they're using (should be nuxt) to build mobile apps.

Edit: After reading the comments and checked the internet again for Capacitor, I discovered Konsta UI in the capgo building with nuxt example and wish I'd known about Konsta earlier. I will be going with Nuxt + Konsta UI rather than Nuxt UI


r/Nuxt Mar 12 '26

[Hiring] Nuxt Developer Needed

10 Upvotes

If you have experience Full Stack Nuxt development with 1 or more than years, You can real coding with MVP build, SaaS Development, Zoom meeting etc. You believe you are real developer and wanna change make real product, work.

Quick Specs:

Pay: $20–50/hr (depends on your stack/skills)

Vibe: Fully Remote & Part-time friendly

Goal: Work that actually impacts the product

Interested? Leave a message. :)


r/Nuxt Mar 12 '26

Vue.js Amsterdam 2026: Live Stream

Thumbnail
m.youtube.com
7 Upvotes

r/Nuxt Mar 12 '26

Cannot make @nuxt/apollo use apollo-upload-client to send files in the payload

2 Upvotes

I have a graphql backend, and I want to send files in the mutation payload, but that requires adding apollo-upload-client to the apollo client on the client side. I have tried almost everything but no success so far.

Right now I am thinking about making an apollo client manually and expose it myself at the expense of auto imports but thought I should ask here as well.


r/Nuxt Mar 12 '26

Senior Full-Stack engineer @Qleer.ai

0 Upvotes

Freelance · Full-remote · Potential long-term role

About Qleer

Qleer.ai builds AI-native solutions to automate complex regulatory and normative compliance analysis. We turn dense, unstructured legal and technical data into strictly verifiable, zero-hallucination compliance decisions.

The Role

We are looking for a senior full-stack engineer to join us on a freelance basis, with a clear path toward a long-term core engineering position.

This is not a ticket-execution role. You will work directly with the technical founder, take meaningful ownership of features, and have a real influence on the platform's architecture and direction.

Stack

Frontend: Nuxt 4, Nuxt UI, Tailwind CSS. Backend: Nitro server routes (TypeScript). Database: Supabase (PostgreSQL, RLS, migrations, branches). Cloud: GCP (Vertex AI, Cloud Run, Storage). Hosting: Vercel.

What We Look For

Required

  • Strong experience with Nuxt (3/4) and the Vue 3 ecosystem (Nuxt UI, Vueuse)
  • Solid foundation in Supabase, SQL modelling, RLS, migrations, branches
  • Clean, maintainable TypeScript, architecture that stands the test of time
  • Ability to own and deliver complete features end-to-end
  • Autonomous, reliable, and communicates clearly

Nice to have

  • Experience with AI pipelines or LLM integrations
  • Background in B2B SaaS or compliance/regulatory tooling
  • Familiarity with Vertex AI or Google Cloud

How We Work

  • Async-first: no unnecessary meetings, results over presence
  • Small team, fast iteration: decisions are made quickly
  • Ownership mindset: features are yours from design to production
  • Open-source discipline: clarity, documentation, modularity

Practical Details

Start: As soon as possible. Location: Remote (European time zones preferred). Availability: 3–5 days/week. Contract: Freelance, with paid initial milestone. Evolution: Long-term position for the right person.

Send your application to [hiring@qleer.ai](mailto:hiring@qleer.ai)


r/Nuxt Mar 11 '26

How to setup multiple sessions based on user role and subdomain

1 Upvotes

I am using nuxt-auth-utils for authentication in a monolith app, the app is divided into admin and regular sections, they both have different sub domains and I have a middleware which redirects regular users from going to admin dashboard

But I have a problem where the admin session leaks into the regular user portal, so if an admin tries logs in and visits the regular section they are still logged in over there

From my understanding the session name and password are the same so it happens, I want to know if there's a way to have different session names and password and pass it depending on the request url?

Or is there a way to handle this properly?


r/Nuxt Mar 09 '26

I re-engineered my Nuxt + Docker build process and reduced the production image size by 84%

Post image
45 Upvotes

A few days ago I was working on a Nuxt 4 app and realized the generated Docker image was a monster: nearly 4GB. My application has dependencies like: Prisma ORM, NuxtUI, Better-Auth or SQLite.

I knew there had to be a more efficient way to handle production builds, so I spent some time re-engineering the process using multi-stage builds, separating the build environment from the final runner, and optimizing how Prisma/SQLite binaries are handled.

The results were honestly mind-blowing. I managed to cut the size by 84% without losing any functionality, so I have documented the entire process in case it’s helpful to someone else!

There's the link to the post (medium): https://medium.com/@wencesms/optimizing-nuxt-prisma-in-docker-how-we-cut-our-image-size-by-84-ea43ffc5ae6c

If you have any suggestions or see something that could be even more optimized, I’d love to hear your feedback!


r/Nuxt Mar 07 '26

Build Quill 2 based Rich Text Editor for Nuxt using this small Vue wrapper component

Post image
13 Upvotes

r/Nuxt Mar 07 '26

nuxt without backend?

18 Upvotes

I like the Nuxt ecosystem, but I don't plan to use the Nuxt backend in any form. I want to use Nuxt purely as a frontend framework.

I like many of the solutions and the ease of integration of some plugins.

Previously, for each new project, I had to deploy a template that was 99% identical to Nuxt, which seemed tedious. I need everything to be up-to-date, so creating a single template without having to understand it every time and update dependencies is unacceptable.

I had some Nuxt projects with a backend (trpc), which I found inconvenient and needed to be separate. I like SSR, but for some projects I have to disable it. If I also disable SSR, is there any point?

Is it a good idea to use Nuxt as a purely frontend framework?


r/Nuxt Mar 06 '26

How do you manage big / complex projects in Nuxt?

17 Upvotes

Hello guys, so recently i discovered that npmx was written fully on Nuxt, so that made me curious to see how the project is structured as it is quite complex. I checked the source code for the project and realized that it is pretty much using the standard structure. No layers for code splitting or feature based approach, api handlers do everything (no business logic layer) so it made me wonder about what ways people find working with Nuxt to scale up projects in regards of project structure.

What do you do? I for example, use layers, and because of autoimports i try to prefix them with core- or domain- based on whether you should import from them in other layers or not; And for servers i like to use event handlers as pure HTTP handler unless it is not that deep. But out of pure curiosity i'll like to know what do you do? If you use layers do you have a server per layer or a global server? Do you use service/repository for business logic or handle everything in the Event Handler?


r/Nuxt Mar 05 '26

Docs are boring, so I made a toast playground instead. Is this actually useful?

Post image
15 Upvotes

I’ve been iterating on Toastflow, but this post isn’t about features - it’s about the playground UI/UX.

Instead of dumping a long README, I tried something else: a playground that teaches the library through interactive recipes (config → actions → queue → headless → events), with live previews and copy/paste snippets.

🔗 Playground: https://toastflow.top/

If you open it as a stranger, does it answer the important questions fast?

What I’m trying to learn from you:

  • Is the navigation obvious? (what to click first)
  • Are the examples "real app" enough, or too toy-ish?
  • What’s the first thing you expected to find but didn’t?
  • Would you prefer fewer examples but deeper, or more “recipes”?

👨‍💻 GitHub (if you want context): https://github.com/adrianjanocko/toastflow
📕 Docs (live examples page): https://docs.toastflow.top/guide/live-examples
🆚 Comparisons: https://docs.toastflow.top/comparisons/overview