nhost/examples/codegen-react-apollo

GraphQL Code Generator Example with React and Apollo Client

Todo app to show how to use:

• Nhost
• React
• TypeScript
• GraphQL Code Generator
• Apollo Client

This repo is a reference repo for the blog post: How to use GraphQL Code Generator with React and Apollo.

Get Started

1. Clone the repository

git clone https://github.com/nhost/nhost
cd nhost

2. Install and build dependencies

pnpm install
pnpm run build

3. Go to the example folder

cd examples/codegen-react-urql

4. Terminal 1: Start Nhost

nhost up -d

5. Terminal 2: Start the React application

pnpm run dev

GraphQL Code Generators

To re-run the GraphQL Code Generators, run the following:

pnpm codegen -w

-w runs codegen in watch mode.