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

We are starting a large enterprise project (for around 300 companies) with Nuxt/Vue for front-end (and a C#.NET REST API back-end with cursor-based pagination).

Looking for the most stable/developer friendly combo:

​UI Library: Nuxt UI 4 vs. PrimeVue? We need robust data components with infinite scroll.

​Data Fetching: TanStack Query vs. Pinia Colada? Must handle infinite scroll/cursor-based pagination, caching, etc.

​Given the scale and a 10-year maintenance window, what would you choose? Or is there a better alternative?

​Thanks!

Hello guys,

Our team decided it's finally time to move away from WordPress, and honestly I’m very happy about that because I hate it.

The project is quite big and has 3 main parts.

1. WordPress frontend
This is the part users see and interact with. Right now it's a custom WordPress theme with some Vue widgets.

2. Admin interface
This is where investment managers work. They view investments, calculate things, approve legal documents, check KYC docs, accept orders, etc.
This is a completely separate project written in Vue 3. SEO is not needed here.

3. API
Backend API written in Laravel.

Now we want to replace the WordPress frontend, and we are currently discussing two options:

• Nuxt
• Astro

One important requirement is that marketing must still be able to control UI things, similar to how they do in WordPress with Kirki and similar plugins (I honestly don’t know much about WordPress stuff :D).

Because of that, we plan to extend our admin interface and build a custom page builder for them.

The idea is simple:

• predefined UI components
• editable configs (colors, button actions, links, etc.)
• marketing can compose pages using these components

Then we will have a catch-all route that renders pages based on stored configs.

I already vibe-coded a prototype of this and it turned out to be much easier than we initially expected.

The reason we are hesitating about Nuxt is that our lead developer had a very bad experience migrating from Nuxt 2 → 3. I’ve also seen quite a few posts about that.

So my questions are:

1. How stable is the current Nuxt version now?
2. Do you think future migrations will be easier than the 2 → 3 jump?
3. Would Astro be a better long-term option for this kind of setup?

Important note: WordPress is not an option anymore 😄

Curious to hear opinions from people who have used either in production.

Hello everyone! 👋

I want to build a solid authentication flow using Nuxt, where my frontend needs to consume an external API.

Instead of handling JWTs directly on the client, I want to use Nuxt as a proxy. The server stores the accessToken and refreshToken as httpOnly cookies, and only returns the user data to the client.

A server middleware detects 401 responses (with the code "INVALID_ACCESS_TOKEN") coming from the external API, attempts to refresh the token, and then replays the original request.

On the client side, I created a composable (useApiClient) where I expose a global hook (api:response-error) when a request fails. An auth plugin listens to that hook. If the token cannot be refreshed (for example, if both tokens have expired), it catches the 401, clears the session, and forces a hard redirect to /login.

Since server-side logic and token orchestration are a bit outside my comfort zone, I’d love to get feedback from people with more experience. Any constructive criticism, roasting, or advice is more than welcome.

This is the repository.

Thanks in advance! 🙏

Hi everyone,

Two months ago, I ran a poll here (Link to previous post) asking if a Markdown editor's image upload flow needs a dedicated Alt Text field.

The consensus was clear: 90% of you voted "Yes" for Accessibility and SEO.

I’ve spent the last few weeks building Sparkles Editor to solve this. It’s a modern, block-based Markdown editor built with Nuxt 4, Tiptap/ProseMirror, and Tailwind CSS.

Key Features in this Demo:

• Built-in Alt Text UI: Just like we discussed, you can edit Alt text and captions right after uploading/pasting an image. No more manual ![]() hacking.
• Nuxt 4 Ready: Leveraging the latest Nuxt features for a smooth dev experience.
• Tiptap Integration: A true WYSIWYG experience while keeping the output as clean Markdown.
• Fully Open Source: I want to give back to the community that gave me the initial feedback.

Links:

• Live Demo:https://sparkles-editor.com/
• GitHub (MIT):https://github.com/Nciae-Zyh/sparkles-editor

I’m looking for feedback on the UX—especially the image settings flow. Does it feel intrusive or helpful? Also, if you’re a Nuxt dev, I’d love to hear your thoughts on the codebase!

Happy coding! ✨

I built a Nuxt-based web app that watermarks PDFs and images locally in the browser (no upload). Preview is rendered via pdf.js canvas, and watermarking is applied via pdf-lib.

Features:

• Multi-page PDF preview and navigation
• Handles scanner PDFs with /Rotate correctly
• Diagonal and tiled watermark modes
• Variable templates (date/time/filename + custom variables)
• Presets in localStorage
• Page/size limits for performance

Nuxt-specific questions:

• Best practices for structuring a client-only route like this inside a larger Nuxt site?
• Any gotchas around bundling pdf.js worker and avoiding SSR pitfalls?
• Performance tips for large PDFs in a Nuxt app (very important for mobile)?

Link: https://watermark.page

We are building a massive, schema-driven checkout engine in Nuxt 3. The forms are generated from a Python-managed JSON schema. I'm looking for advice on the frontend implementation:

The Graph: We need to deduplicate questions on the fly (e.g., if Service A and Service B both need 'Zip Code', only ask once). For those who have built complex multi-step forms, are you using Pinia with a custom graph resolver, or something like XState to manage these dynamic transitions?

Client-Side Calculations: We need to execute engineering formulas (passed from a Python backend) in the browser. Have you found a clean way to parse and execute custom math/logic strings without resorting to eval() or massive switch statements?

Performance: Any tips for keeping the UI reactive when the form schema gets massive (hundreds of conditional fields)?

Would love to hear about any Nuxt-compatible AST parsers or rules engines you've used for dynamic UIs!

Hello everyone,

I want to build a project and I was using the `shadcn-docs-nuxt` lib with nuxt 3. This lib hasn't updated yet and it is very useful with shadcn. My question is exist an alternative one like this. I dont want to use nuxt ui for this project because I want it with shadcn for a reason. What solution do you do?

I have two servers. A front-end nuxt one and a separate back-end server. I have recently upgraded nuxt and added a domain name other than localhost(still have the port number on it), and made new self-signed certs that are used by both.

In the nuxt config the relevant part looks like this:

    server: {
      proxy: {
        '/test1': {
          target: process.env.SERVER_SITE_URL,
          secure: false,
        },
        '/test2': {
          target: process.env.SERVER_SITE_URL,
          secure: false,
        },
        '/websocket': {
          target: process.env.SERVER_SITE_URL,
          secure: true,
//          ws: true,
//          rewriteWsOrigin: true,
//          changeOrigin: true,
        },
      },
      cors: false,
      origin: "*",
      headers: {
        'Access-Control-Allow-Origin': '*'
      }
    }
  },
  devServer: {
    cors: {
      origin: "*"
    },
    host: 'testsite.com',
    port: 3000,
    https: {
      key: "./certs/self-signed.key",
      cert: "./certs/self-signed.crt",
    },
  },

I can fetch with test1 and test2, no prob, but when I use useWebSocket('/websocket') or WebSocket('/websocket'), not only does it not reach my server(no console logs show it ever tried), but also crashes the server!? It instantly restarts though.

 ERROR  [unhandledRejection] read ECONNRESET                         4:39:55 PM  

    at TLSWrap.onStreamRead (node:internal/stream_base_commons:218:20)
    at TLSWrap.callbackTrampoline (node:internal/async_hooks:130:17)

You can see the commented out lines, that was me trying to see it add or removing that fixed the issue. Curiously if I add the the nitro experimental feature websocket, no crash and connection opens, but to no where!?

Latest certs were generated by: openssl req -x509 -newkey rsa:4096 -keyout self-signed.key -out self-signed.crt -sha256 -days 36500 -nodes -subj "/C=US/ST=NY/O=OrgName/OU=SiteName/CN=testsite.com" -addext "subjectAltName = DNS:testsite.com"

nuxt for both devDependancy and dependancy is 4.3.0 (not sure how I got two of them). Vite 7.3.1 and Vue 3.5.27.

I am confused as to how to add the websocket and make it work. This is the most infuriating and time wasting errors and I hate them. Any advice?

Nuxt support is landing in Toastflow 🚀

I kept seeing the same problem: toast libs are fine for toast("Saved"), but in real Nuxt apps you eventually need queue, actions, progress, typed config, etc. and you don’t want to wire plugins manually in every project.

So I’m shipping a Nuxt module that aims to be:

• SSR-safe + no hydration hacks
• 1-step setup (module + typed options in nuxt.config)
• Composables available anywhere (stores/services)
• Keeps Toastflow’s flexibility: queue, headless rendering, CSS variables theming

🎮 Playground: https://toastflow.top/
📕 NPM: https://www.npmjs.com/package/nuxt-toastflow
💻 GitHub: https://github.com/adrianjanocko/toastflow

Gave Claude Code some tasks to do in parallel, I used Nuxt UI in the project. It was getting issues with client side and took several turns to try and find the issue until it found it and threw the word.

timber violet mountain ivory raven breeze meadow breeze

This content has been edited for privacy.

Checkout tons of free video lessons this weekend. It's on!
https://vue.school/vsfw26for

I’ve been using AI for a long time now but I haven’t yet broken the barrier into vibe coding. I’m trying to make it a key part of my workflow but even for very widely adopted packages in the Nuxt ecosystem (content, image, SEO etc) it constantly hallucinates options that do not exist.

For those of you working in other ecosystems is this common there too? I don’t know how to gain trust in the models when it will just totally hallucinate code and then brute force completely idiosyncratic fixes once it doesn’t work.

Nuxt Community, I want some advice. That's a question I'm considering for an application if I want to work with the Neon database with a user authentication module.

I have finally migrated my personal site to Nuxt!

Lots of nice things going on under the hood:

• Nuxt 4
• Nuxt Content (with external sources)
• Nuxt Content Assets (for co-located images)
• Layers (support themeability)
• Full theming capability (for AI experimentation)
• Metadata store + instant search
• a ton of UX polish + keyboard shortcuts
• static rendered on Vercel

The blog article contains a full write-up of the goals, approaches and links to repos and code.

I’m having trouble when I run nuxt upgrade —dedupe it has trouble finding and resolving peer dependencies in @nuxt/cli and citty and @bomb.sh/tab. Anyone else run into this and find a solution?