r/Nuxt

Wanted to share something I ran into recently while building SocialMe Ai's chat-AI feature.

I had just finished:

-> streaming responses

-> tool calling

-> UI integration

Everything was working smoothly.

Then suddenly:

-> deprecation warnings started showing up

-> module import issues appeared

-> runtime errors followed

Turns out the SDK we were using is being phased out, and the new recommended SDK works quite differently.

So I had a decision to make:

-> patch things temporarily

-> or migrate properly

I decided to migrate and redesign parts of the integration to reduce dependency on SDK-specific behavior.

It slowed me down, but probably saved me from bigger issues later.

Big takeaway:

When working with AI stacks, dependencies evolve fast. You can’t assume stability the same way you would with traditional libraries.

I want to know if others here have faced similar issues?

I wanted to share how I handled streaming on the frontend for our AI chat on SocialMe Ai.

Instead of relying on a library, I built a custom composable (useSocialChat) in Vue/Nuxt.

Core idea:

Handle the entire streaming lifecycle in one place.

What it does:

-> Sends request via fetch

-> Reads response using ReadableStream.getReader()

-> Uses TextDecoder to process chunks

-> Parses structured JSON events

-> Updates the last AI message incrementally

We also handle:

-> tool results mid-stream

-> reactive UI updates

-> loading state

Why this worked well:

-> Keeps UI logic clean

-> Avoids scattered state updates

-> Easy to extend

Big takeaway: Streaming is not just a backend problem. Frontend handling is just as critical for good UX.

You can try them at https://www.mood-ui.com/, the documentation is very complete

Day

Month

Week

Agenda

Scheduler

Hello (French here, sorry if there are any mistakes)

I'd like to create a fairly simple e-commerce website. Unique items, so no more than a few sales per day.

An admin panel with product management, emails, and light shipment tracking.

The main requirements are:
SEO that attracts the right people
Minimum costs (bank cards fees)
Long-term stability

I've looked at many solutions and I'm having trouble deciding.
Does anyone have a similar business and a relatively lightweight tech stack?

Currently, I host my sites on o2switch. So I have some technical limitations, but, the ability to have a database, and running NodeJS seem sufficient.

In short, I'm looking for concrete feedback. No theory.

Thanks in advance 🙏

Hey!

I recently discovered Nuxt Content and think it’s really cool. I created a new project with Nuxt Content and Nuxt UI, and everything works great, the Markdown elements are styled nicely.

However, I’ve noticed that Nuxt UI feels extremely heavy. After building or changing the config, development reloads can sometimes take 30 seconds to some minutes, which is very slow. To test, I replaced Nuxt UI with daisyUI, and it’s much, much faster.

Are there any CSS component libraries that style Markdown elements out of the box?

Hi everyone,
Inspira UI and Akaza UI creator here.

I have been recently laid off from my current job due to scale down of team.

I'm actively looking for opportunities and would be able to join immediately.

My Profile: https://rahulv.dev

I'm seeing like sub 400ms page loads (avg. 284.8ms per page) on non-cached SSR sites using the Shopify Storefront API. It also may be that I have my ecom sites hosted through Cloudflare, but idk if there was a significant update to Nuxt lately or not.

Anyone else seeing a change in their SSR sites? I don't remember my sites being this way even 4-5 months ago.

Hey there!

I started the project of making a dashboard for a Discord bot using Nuxt as my stack framework.
I use nuxt's nitro server for the API and pull data from mongodb (through mongoose). Making it all in typescript.

I now face a big dilemna: how to structure my api?
There are multiple concepts to take into account:

A "Permission" on the dashboard is mapped by the moderation team, per discord server, to a discord role, falling back to a discord permission if the user does not have the role.
So checking if someone has a permissions will check first if the user has one of the roles mapped to this permission on the server, then check if the user has the fallback discord permission on the server.

In the database, a guild has a permissions property that maps permission names to an array of discord role Ids, so the following actions can be made by a user with the permission themselves to edit permissions:
- map a permission to a role
- unmap a permission to a role
- reset the mappings of a permission

How do I structure this in a REST API?

On top of that, a more basic concept:
The database has a Notifications collection, that have a title, a description, a userId and a unique identifier _id.
A user can:
- query its notifications (get)
- mark one as read
- mark all as read

the notifications are created by the backend when something needs to be notified to a user (ex: a user's request has been updated)

How do I also structure this?
Thanks in advance,
Adam

EDIT: as someone told me, i need to elaborate on the app.

It allows the users to:
- Manage their character sheets (a central feature of the bot)
- Manage their character sheet applications (a user can apply for a character sheet to be accepted in a specific discord server)
- Manage the server settings regarding the bot (permission mapping, etc..) (if they have the permission to)