nextjs-rsc

Grafbase ⨯ Next.js React Server Components

Join our Community

Please note

This example uses Next.js 13 experimental app directory — read more

Getting Started

1. Run npx degit grafbase/grafbase/examples/nextjs-rsc grafbase-with-nextjs-rsc to clone this example
2. Change directory into the new folder cd grafbase-with-nextjs-rsc
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. In another terminal, run npm run dev or yarn dev and visit http://localhost:3000

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 Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

Run on Codesandbox