fuse
TypeScript icon, indicating that this package has built-in type declarations

0.12.1 • Public • Published

Fuse

Fuse: End-to-end typesafe data fetching for frontend teams at scale

Getting Started

When you are in the root of your app run the following command. This will install all the packages and generate the files you need.

npx create-fuse-app

Then, run npx fuse dev and your API will be running at localhost:4000/graphql!

If you are using Next.js, you don't need to manually run fuse dev. create-fuse-app will add a Next.js plugin to your next.config.js/ts/mjs`` and an API route at /api/fuse` for you to access your API. (learn more)

Querying your data layer

import { graphql } from '@/fuse'
import { execute } from '@/fuse/server'

const UserQuery = graphql(`
  query User($id: ID!) {
    user(id: $id) {
      id
      name
    }
  }
`)

export default async function Page() {
  const result = await execute({
    query: UserQuery,
    variables: { id: '1' },
  })

  return <p>Welcome {result.data?.user?.name}</p>
}

Docs

Read the documentation for more information about using Fuse.

Quicklinks to some of the most-visited pages:

License

Licensed under the MIT License, Copyright © 2023-present Stellate, Inc.

See LICENSE for more information.

Readme

Keywords

none

Package Sidebar

Install

npm i fuse

Weekly Downloads

3,228

Version

0.12.1

License

MIT

Unpacked Size

168 kB

Total Files

41

Last publish

Collaborators

  • mxstbr
  • jdecroock