Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wobsoriano/numix

Write your server code inside Vue SFC's and handle forms easily.
https://github.com/wobsoriano/numix

nuxt vue

Last synced: 1 day ago
JSON representation

Write your server code inside Vue SFC's and handle forms easily.

Awesome Lists containing this project

README

        

# Numix

Add [remix](https://remix.run/)-like [loaders](https://remix.run/docs/en/v1/guides/data-loading) and [actions](https://remix.run/docs/en/v1/guides/data-writes) to your Nuxt page components.

> [!WARNING]
> This project is experimental. The APIs are subject to change without notice. Proceed with caution.

```vue

import { prisma } from '@/lib/prisma.server'

export async function loader() {
const products = await prisma.product.findMany()
return products
}

const { data } = await useLoaderData<typeof loader>()


Products



{{ product.name }}

```

## Documentation

For documentation about Numix please visit https://numix.vercel.app.

## Development

- Run `cp playground/.env.example playground/.env`
- Run `pnpm dev:prepare` to generate type stubs.
- Run `pnpm db:prepare` to generate fake data.
- Use `pnpm dev` to start [playground](./playground) in development mode.

## License

MIT