qwik

Grafbase ⨯ Qwik

Join our Community

This example uses the Qwik web framework.

Getting Started

1. Run npx degit grafbase/grafbase/examples/qwik grafbase-with-qwik to clone this example
2. Change directory into the new folder cd grafbase-with-qwik
3. Run cp .env.example .env
4. Open .env in your code editor and provide your Grafbase API endpoint and API key. Example should be fine for npx grafbase dev!
5. Run npm install, or yarn install to install dependencies
6. Run npx grafbase@latest dev in your terminal
7. Populate the backend with some Message entries using a GraphQL mutation:

mutation {
  messageCreate(
    input: { author: "Grafbase Admin", message: "Grafbase is awesome!" }
  ) {
    message {
      id
    }
  }
}

8. In another terminal, run npm start and visit http://localhost:5173/

Learn More About Grafbase

To learn more about Grafbase, take a look at the following resources:

• Grafbase - learn about Grafbase features and API.

To learn more about Builder.io, take a look at the following resources:

• Qwik City Documentation - learn about Qwik City.
• Learn Qwik - learn more about Qwik.

Run on Codesandbox