https://github.com/simotae14/clientside-gq

Project "Client-Side GraphQL with React, v2"
https://github.com/simotae14/clientside-gq

graphql nextjs react turso

Last synced: 8 days ago
JSON representation

Project "Client-Side GraphQL with React, v2"

• Host: GitHub
• URL: https://github.com/simotae14/clientside-gq
• Owner: simotae14
• Created: 2024-07-01T21:18:23.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-07T22:04:44.000Z (4 months ago)
• Last Synced: 2024-07-08T22:31:16.297Z (4 months ago)
• Topics: graphql, nextjs, react, turso
• Language: TypeScript
• Homepage:
• Size: 126 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Frontend Masters](https://static.frontendmasters.com/assets/brand/logos/full.png)](https://frontendmasters.com/courses/client-graphql-react-v2/)

This repo is a companion to the [Client-Side GraphQL course](https://frontendmasters.com/courses/client-graphql-react-v2/) on Frontend Masters.

Here's a link to the [Course Notes](https://clumsy-humor-894.notion.site/Client-side-GraphQL-with-React-4248372d51604858aaf9eeb9127b6433)

## Getting Started

This course repository requires Node version 20+ and a [TursoDB account](https://turso.tech/). More details can be found in [the course notes](https://clumsy-humor-894.notion.site/Client-side-GraphQL-with-React-4248372d51604858aaf9eeb9127b6433).

1. Fork/Clone [the repo](https://github.com/Hendrixer/clientside-gql)

2. Install the Dependencies with `npm install`

3. Create a [Turso](https://turso.tech/) DB account (free)

   - Follow the instructions to make a new DB (you don’t need a replica)

   - Follow instructions to download the CLI and authenticate

   - Using the CLI, generate a token for your db with this command `turso db tokens create [your db name]`

4. Create a `.env` file on the root and add these environment variables:

```bash

TURSO_CONNECTION_URL="your turso db url"

TURSO_AUTH_TOKEN="your db token"

```

5. Push the schema to your Turso DB with this command `npm run db:push`