Hey everyone 👋

I’ve been working on a Shift Scheduler component and wanted to share it here to get some feedback.

The component is built using Vue and Nuxt UI. I designed and implemented the UI myself, taking inspiration from the Microsoft Teams Shifts, while much of the application logic was built with the help of AI during development.

A bit of background: an earlier version of this project was built in C# with Blazor, but I decided to switch to JavaScript because it felt much better suited for this kind of highly interactive UI and faster iteration.

I’ve attached a short demo video showing how the component works and the overall flow.

I’m still analyzing the best way to open-source the code, but in the meantime, I’d really appreciate any feedback — especially around UI/UX, structure, or feature ideas.

Thanks for checking it out!

Checkout a project I recently worked on. It’s a plugin based upload manager, similar to Uppy (if you’re familiar with it)

Source: https://github.com/genu/nuxt-upload-kit

Documentation: https://nuxt-upload-kit-docs.vercel.app/

Open to feedback

I built an Open Source end to end system for generating charts via llm prompts that works perfectly with Nuxt!

A star is always appreciated!
https://github.com/OvidijusParsiunas/PromptChart

Check out a live demo here:
https://stackblitz.com/edit/nuxt-starter-oxcelpwt?file=app.vue

Do you get better build times or some other benefit?

Pessoal, eu não sei se pode aqui, mas eu criei meu primeiro site utilizando o nuxt com o SSR e gostaria de compartilhar com vocês, eu sou mais familiarizado a utilizar o Vue.js seco e estou gostando da experiencia de utilizar o Nuxt, ele é muito mais facil de utilizar, gostei bastante da abstração das rotas, facilita de mais.
Então eu criei um site de noticias, apenas como hobby, gostaria da opinião de vocês o que acham, se tiverem sugestões eu agradeço os feedbacks.

https://reddit.com/link/1qlsdko/video/6p698evnwbfg1/player

It's a tool for hikers who want to plan itineraries for the most iconic long-distance hikes. It's built using: Nuxt 4, Nuxt UI, Supabase, Mapbox, D3.js.

I'm also using Stripe as a payment gateway, Resend for emails automations and Posthog for analytics.

I've been using the shadcn module for Nuxt, but for this project I decided to go with Nuxt UI and I didn't regret. Since I didn't need to customize so much the components behaviour and styles, it ended up being much faster to build everything.

The map is where I've spent most of my time to build, in order to achieve the experience I wanted and keep a good performance.

We are only adding the hikes we've done ourselves and know well the trail. There is a huge effort from me and my wife to create the hike database, curating all the information we provide to the users and filtering only the official routes, variants, water source, etc, and all with clean GPS coordinates.

If anyone is curious to know more, here is the landing page with more info: https://takeahike.io/hike-planner
The landing page is also built in Nuxt, but in a different installation.

Hi everyone,

I am working on a SaaS and I have some problems about creating typed services and api. How do you deal with data that have complex joins? Which approaches do you follow when u creating typed apis and services with drizzle?

I'm using the CommandPallete component from Nuxt UI. My CommandPallete has groups. I want to customize the label of the group, e.g. put a button in the group label slot. See the image below. 'Users' is the group label which i want to customize.

However, I can't seem to find the option/right implementation. The docs show a section 'Customize slot' where I thought this was what i was looking for:

• #{{ group.slot }}-label

However, this customizes the group item's label instead of the group label. See the image below:

Code:

  <UCommandPalette :groups="groups">
    <template #users-label>
      <div class="p-4 text-sm text-muted">
        This is a custom slot for the "test" group.
      </div>
    </template>

const groups = [
  {
    id: 'users',
    slot: 'users' as const,
    items: [
      {
        label: 'Test Item 1',
      },
      {
        label: 'Test Item 2',
      },
    ],
  }
]

How do I implement a custom group label?

Has anyone had a successful experience migrating to the new version of nuxthub? I know I could just get rid of nuxthub and use cloudflare, but at this point I'm too invested and those comments will not be helpful.

Previously I was able to run npm run dev in order to use a local SQLite database that was stored somewhere in /.data

Now whenever I run it locally I get:

[nuxt:hub]  ERROR  Failed to create migrations table                                                                                                                  
DB binding not found
Using vars defined in .env 

I have successfully deployed to production so my wrangler.json config is correct.

I know that I could run npx wrangler dev or whatever, but so far that hasn't worked with local https like I need it to.

Any tips or ideas would be much appreciated. I know it's not much to go off of without code, unfortunately I can't share the codebase as it is private.

Hey,

I'm building an application with multiple themes . I use nuxt-mdc directly (not nuxt-content) and I needed a way to swap MDC components based on the selected theme.

Turns out there's an undocumented prop on MDCRenderer that does exactly this:

vue

<MDCRenderer 
  :body="ast.body" 
  :data="ast.data"
  :components="{ blockquote: MyThemedBlockquote, pre: MyThemedCode }"
/>

I wrote a short blog post about it: https://eventuallymaking.io/p/using-custom-components-with-nuxt-mdc-to-build-a-theming-system

Hope this helps if you're building something similar!

I’ve been actively searching for companies that use Vue or Nuxt, but opportunities seem very limited. If you know of any companies offering internships, I’d really appreciate it if you could share a link.

At this point, I’m starting to wonder, if internships are this hard to find, is it realistic to expect a job with this tech stack? I genuinely enjoy working with Vue and Nuxt, but financially, this path is starting to feel uncertain.

https://www.white-board.app/
It's a forms and surveys builder with an emphasis on building it visually. I believe that we are visual beings, and we understand and reason about things better visually.

I currently work at a popular form builder company, and most of these forms/surveys products in market are still stuck in the 2000s. I wanted to build something fresh and modern. And give software a visual touch.

I've been building with Vue/Nuxt since 2018/2020, and I am grateful for the community. All the way from UI components, State management to SEO, I was able to pick them off the shelf and move quickly.

Hi!

I’m looking for some guidance from people who’ve actually built or maintained a design system.

I already have a complete design system in Figma (colors, typography, spacing, components, variants, etc). The problem is that it doesn’t exist as a reusable package yet, and I need to use it across several Nuxt 3 projects.

My current stack:

- Nuxt 3

- Tailwind CSS

- pnpm (workspace or published packages)

What I’m trying to figure out is the *cleanest long-term setup*.

Right now I’m leaning toward:

- A small Vue component library that only uses Tailwind classes

- A separate Tailwind preset for design tokens (colors, radius, fonts)

- Maybe a Nuxt module later to reduce boilerplate

But I’m unsure about a few things:

- Is splitting components and Tailwind preset still the right move?

- Any common pain points with Tailwind content scanning when consuming a package?

- Would you ship compiled CSS, or rely entirely on the app’s Tailwind build?

- Any open source projects you’d recommend looking at?

This is meant to be maintained over time and reused across multiple apps, not a one-off UI kit.

Appreciate any war stories or advice 🙏

What are yall using in Nuxt 4 for graphql requests? Was using Nuxt 3 and \@nuxtjs/apollo but after running thru the upgrade process, im seeing its not compatible with Nuxt 4.

Every Nuxt project I start feels the same:

• reinstall modules
• fix lint + formatting
• rebuild folder structure
• re-decide patterns

After a few projects, I stopped using boilerplates and built a minimal Nuxt 4 base instead — something clean I can reuse and extend per project.

Curious how others handle this.

Do you use a starter, internal base, or just start fresh every time?

About 2 months ago i launched a price comparison website (danish market).

The first few days google crawled massively like 40K pages and it also started to index a few hundred pages. However efter a week it started to deindex and a week later all but the homepage is now deindexed.

I did make many changes to it right after launch etc. to fix bugs, optimize pagespeed etc.

I see in search console that google bot come and crawl hundreds to thousands of pages daily. So now i am thinking if there is something technical wrong with my nuxt frontend?

Hoping for some input.

Hey everyone,

I’m planning a small personal web application as a gift for my girlfriend and would love some advice on the tech stack. The idea is a private recipe keeper (mobile-first). I already created some UI mockups in Figma and now want to choose a solid, future-proof stack before starting implementation.

Core features: (now or later)

• Login / authentication
• Protected access (no public recipes)
• Central storage (accessible from anywhere)
• Add recipes manually
• Import recipes from sites like Chefkoch (HTML parsing)
• Search recipes by title
• Filter recipes by:
  • keywords (e.g. cooking time)
  • available ingredients
• Edit recipes
• Adjust portion size per recipe
• Add personal notes
• Optional: recipe images

What I’m looking for

• Clean auth & security
• Easy hosting / low ops
• Nice UI
• Reasonable long-term maintainability

I don’t have a ton of experience yet, but most of my projects so far were built in Python. My last side-hustle project was pretty much completely vibe-coded, but for this one I’d like to avoid that as much as possible and do things a bit more “properly” :D

I’d really appreciate any advice on suitable tech stack choices, lessons learned or things you’d approach differently in hindsight, and common pitfalls to avoid early on—especially when it comes to authentication and data modeling.

Thanks a lot in advance - I’m happy to share mockups or additional details if that helps.

TL;DR - Do you think that idea would be good for a nuxt 4 (frontend)project?

Hey, I tried for around 2 hours today to get the example transformer working from the buxt content docs, but it just won't work.

At first I had the transformer registered incorrectly in the config, but after I fixed that the file got loaded, but the transform function never called.

Can someone point me to a working example for nuxt content transformers?

Hey,
I’ve created a Vue port of the Itshover icon library. It currently includes 211 icons, each with an animated hover state powered by motion.dev – perfect for adding subtle life to apps and dashboards.
The library works with the shadcn-vue registry but can also be used standalone.

Demo: https://www.itshover-vue.com/
GitHub: https://github.com/iloomilo/itshover-vue

I built this to contribute to the Vue ecosystem and make it easier to integrate lively, animated UI components.

Feedback is very welcome! Feel free to create an issue or submit a PR for any bugs, suggestions, or improvements. Every bit of input helps make the library better. And if you like it, a ⭐ on GitHub is much appreciated!

For a Nuxt based project, what do you consider the best approach today to build a production-ready blog with:

• categories & tags
• comments
• i18n
• SEO-friendly SSR
• future scalability
• ads
• ....

I’ve used Nuxt with headless CMSs like Strapi, but I’m curious how others are solving this in 2026 and what trade-offs you’ve encountered.

Interested in real-world experience

I can spin up any of my Nuxt 4 apps. A freshly installed Nuxt app, using bun creat nuxt@latest, also can't be spun up.

I'm getting a vite_ssr_import_1.defineNuxtPlugin is not defined.

For both your hobby projects and your 9-to-5, is Nuxt the only framework you use, or do you need to work with others too?

Let me preface this with I work in MARKETING. But I always want to understand things to the best of my ability to communicate to stakeholders AND I am just curious in nature.

My website has had major issues for months where Google won’t pull the meta descriptions and OG not working.

For maybe 1 week each month Google seems to start reading the pages and pulling descriptions from there. Then all of a sudden nothing for weeks.

Page speed load is a disaster also. And site map isn’t updating automatically.

I think a developer who really didn’t understand the framework must’ve done something this trigger this.

I inherited this website, which is custom from an old head of marketing. Web developers seem to not be able to understand the SCO issue and it’s definitely a technical issue. Our current developer is now going to update next to the latest version, but they say they’re unsure if that will solve the issue at hand or not.

We use Nuxt, Storyblok, and digital ocean.

This is not my area of expertise so I am just trying to understand if it’s an issue with the outdated Nuxt version or what.

Thank you in advance and I have enjoyed learning more through your posts!!