Fuse

The fastest way to build and query great APIs with TypeScript

GraphQLData fetching
StellateHQ/fusefusedata.devfuse

README

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.

  1. ```sh
  2. npx create-fuse-app
  3. ```

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


  1. ```tsx
  2. import { graphql } from '@/fuse'
  3. import { execute } from '@/fuse/server'

  5. const UserQuery = graphql(`
  6.   query User($id: ID!) {
  7.     user(id: $id) {
  8.       id
  9.       name
  10.     }
  11.   }
  12. `)

  14. export default async function Page() {
  15.   const result = await execute({
  16.     query: UserQuery,
  17.     variables: { id: '1' },
  18.   })

  20.   return <p>Welcome {result.data?.user?.name}</p>
  21. }
  22. ```

Docs


Read the documentation for more information about using Fuse.

Quicklinks to some of the most-visited pages:

- Getting started
- Querying your API (client)
- Building your API (server)
- Deploying your API (server)
- The Fuse Method

License


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

See LICENSE for more information.