r/Nuxt

▲ 87 r/Nuxt+1 crossposts

OpenVue (MIT fork of PrimeVue) hit 1.0.0-rc

About a month ago we posted here about forking PrimeVue after it got archived. We just shipped 1.0.0-rc.0.

What is done

Fully removed primeuix dependencies: The core engine (theming, styling, utils, forms) now lives under openuxkit, forked and maintained under our org at 1.0.0..

Migration tool: npx @openvue/migrate automatically handles moving a PrimeVue v4 project over, including dependency renames, import rewrites, and compat overrides. Details and docs: https://openvue.dev/migrate/

Showcase interactive playgrounds: We added playground tabs to more components, with full coverage planned for the stable 1.0 release.

Chart integration: Bumped Chart.js straight from 3.x to 4.5.1. Charts now natively react to the active theme out of the box, which kills off a massive chunk of custom styling boilerplate. Every chart type now has its own interactive playground in the showcase too.

Bug fixes:

  • BlockUI no longer leaves a phantom mask over the page if unmounted mid-animation or toggled quickly.
  • DataTable advanced filter menu no longer closes prematurely when clicking inside nested Select, MultiSelect, or DatePicker inputs.
  • Virtual-scrolled DataTable rows with grouping no longer drift out of alignment during fast scrolls.
  • ...and more.

What is coming before 1.0 stable

  • A free, open-source visual theme editor.
  • Continued work on open GitHub issues.

Thanks

Huge thanks to everyone who tested early builds, reported edge cases, and sent PRs. A solid portion of these fixes came directly from community reports, which helped us catch things we would have missed on our own.

Links

reddit.com
u/sane6120 — 11 hours ago
▲ 9 r/Nuxt

I built a SQL query inspector for Nuxt

I've been working with Nuxt + SQL for a while, and one thing that kept annoying me during development was figuring out what SQL queries an API request actually executed.

For example, when an endpoint feels slow, I want to quickly answer:

  • How many SQL queries did this request execute?
  • Which queries were executed?
  • How long did each query take?
  • Which API endpoint triggered them?
  • Am I accidentally doing 20 queries when I expected 2?

Normally, I'd end up adding logging around the database client and digging through the terminal.

So I built nuxt-sql-inspector to make this easier.

It adds a development-only SQL inspector to Nuxt at:

/__sql_queries

You can see the API request and the SQL queries it triggered, along with query timing and other useful information.

It currently supports several common SQL drivers, including PostgreSQL, postgres.js, mysql2, SQLite, and Nitro db0, and can be used with ORMs such as Drizzle and Prisma depending on the underlying driver.

The goal is pretty simple:

API request → SQL queries → timings

without having to dig through console logs.

GitHub: https://github.com/drowhann/nuxt-sql-inspector

It's still a relatively small project, so I'm particularly interested in feedback from people using Nuxt + Drizzle/Prisma/Postgres.

What would you want to see in a SQL inspector like this?

▲ 29 r/Nuxt+3 crossposts

🚀 ScrollStack Js — headless infinite scrolling for Web

🚀 Shipped ScrollStack — headless infinite scrolling for Web

📦 1.92 KB gzipped, zero runtime deps

⚛️ React, Vue & Svelte adapters

🔁 Cursor, offset, Virtual list & page pagination → one function

🧠 Stale responses can't resurrect dead state

You bring the markup 👇

https://scrollstack.js.org

u/devgauravjat — 5 days ago
▲ 10 r/Nuxt+12 crossposts

Serverless Bill Shock: Tracking Edge Function and Database Expirations (Vercel, Supabase, Netlify, Neon)

For over two decades, agency hosting economics were beautifully predictable. You bought a reseller web server or dedicated cPanel account for $50 a month, crammed 30 client WordPress sites onto it, and charged each client a flat $25 monthly maintenance fee. Your margins were clear, your server bills were static, and billing surprises were virtually non-existent. Read the comple te article here > Serverless Bill Shock: Track Vercel & Supabase Client Costs | InstaRenewal

Then came the modern web stack.

Driven by the demand for lightning-fast digital experiences, agencies aggressively migrated to decoupled architectures: Next.js, Nuxt, Vercel, Supabase, Cloudflare Workers, and serverless databases like Neon. While the performance gains of this modern paradigm are undeniable, it introduced a chaotic operational reality: micro-subscription fragmentation and variable utility billing.

u/JadeLuxe — 5 days ago
▲ 67 r/Nuxt+1 crossposts

Open source Figma-like editor for Vue using Claude SDK

I got tired of switching between Figma and my Nuxt app just to try out small UI changes, so I built Airship.

It wraps your dev server and adds a Figma-like canvas to your running app. Select an element, describe the change, and Claude Code applies it directly to your source.

You get streaming diffs, inline undo, and desktop/mobile frames so you can see changes across screens as you iterate.

It runs as a lightweight proxy with no plugins or build changes.

It uses your existing Claude Code subscription. Codex and OpenCode are supported too.

Fully open source and MIT licensed.

Fork it, star it, and make it your own :)

u/supaplay — 8 days ago
▲ 63 r/Nuxt+1 crossposts

I got tired of paying for separate Strapi hosting for every client, so I built a CMS that runs inside Nuxt

I'm a Nuxt dev and my clients almost always end up asking for a CMS. My default answer used to be Strapi, but it's a whole separate service: its own hosting, its own deploys, and the monthly cost for the client goes up fast for what is usually a handful of collections.

At some point I thought: Nuxt already ships a server (Nitro), surely someone has built a CMS that just runs inside it? To my surprise, no. So I built it.

How it works:

- You define content types in code (a `cms.config.ts` file): collections, singles, relations, blocks, translatable fields. Schema, migrations and TypeScript types are generated from it.
- Editors get an admin panel at `/cms` with drafts, validation and a media library.
- You query content through a read-only GraphQL API, typed end to end with gql.tada.
- SQLite by default (zero setup), one config line to switch to Postgres or Turso.
- Media on any S3-compatible storage, or a local mode that just reads from your `public/` folder.

You deploy one thing: your Nuxt app. No second service, nothing extra to pay for.

I tried to cover Strapi's core features, so for most projects (I'd say 90% of my client work) switching is painless. It's still a beta though, and some corners are rough: auth is currently a single admin whose credentials live in env variables (I know, I know), multi-user and RBAC are on the roadmap. But I think it can already be genuinely useful.

It's MIT licensed: https://github.com/xleddyl/nuxt-cms

Feedback and issues very welcome!

u/xleddyl — 8 days ago
▲ 45 r/Nuxt+5 crossposts

GitHub - tada5hi/eldin: A lightweight, type-safe dependency injection container for TypeScript with scoped lifetimes and hierarchical containers.

github.com
u/Pakashi-kun — 7 days ago
▲ 14 r/Nuxt+2 crossposts

Built a full-stack Appointment Tracking System with Nuxt.js, Node.js, Express and MongoDB

I built a full-stack Appointment Tracking System to practice building and connecting a frontend, backend, database, and authentication system.

The project includes:

  • User registration and login
  • JWT authentication
  • Appointment and service management
  • Admin and user dashboards
  • Protected routes
  • Responsive UI

Tech stack: Nuxt.js, Vue.js, TypeScript, Node.js, Express.js, MongoDB, and JWT.

GitHub: https://github.com/Mariam-amhan/appointment-tracking-system

Any feedback on the project structure or implementation would be appreciated.

u/mariamamhan — 11 days ago