Skip to content

nuxt-feathers-zodThe Feathers backend for Nuxt 4

Build typed full-stack services, validate them with Zod, and use them from Vue in embedded or remote mode.

nuxt-feathers-zod feather logo

Your first service in a few commands

bash
bunx nuxi@latest init my-nfz-app
cd my-nfz-app
bun install
bun add nuxt-feathers-zod
bunx nuxt-feathers-zod init embedded --auth
bunx nuxt-feathers-zod add service messages --adapter memory --schema zod
bun dev

Then use the service in a Vue component:

vue
<script setup lang="ts">
const { $api } = useNuxtApp()

const messages = await $api.service('messages').find({
  query: {
    $limit: 20,
    $sort: { createdAt: -1 },
  },
})
</script>

<template>
  <pre>{{ messages }}</pre>
</template>

The playground shows the real result

Screenshots are generated from the playground only after the related Playwright assertions pass. They explain how to use the module rather than exposing internal package maintenance.

nuxt-feathers-zod playground dashboard

Install the module · Choose a mode · Create a service

Project

nuxt-feathers-zod user documentation