https://github.com/takayyz/graphql-training

GraphQLの学習用
https://github.com/takayyz/graphql-training

docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript

Last synced: 9 days ago
JSON representation

GraphQLの学習用

• Host: GitHub
• URL: https://github.com/takayyz/graphql-training
• Owner: Takayyz
• Created: 2024-02-21T14:01:17.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2024-03-02T04:21:15.000Z (9 months ago)
• Last Synced: 2024-10-12T00:22:49.334Z (about 1 month ago)
• Topics: docker, graphql, graphql-yoga, posgresql, postcss, pothos, prisma, tailwindcss, ts-node-dev, typescript
• Language: TypeScript
• Homepage:
• Size: 146 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# graphql-training

GraphQLの学習用

## What i worked on

- [x] [The Fullstack Tutorial for GraphQL](https://www.howtographql.com/)

  - The Schema Definition Language(SDL)

- [x] [Build a Fully Type-Safe Application with GraphQL, Prisma & React](https://www.prisma.io/blog/series/e2e-typesafety-graphql-react-yiw81oBkun)

  - The tutorial above is slightly outdated and recommended to check this one

  - Chapter3の注意点

    - `@graphql-yoga/node`はdeprecatedなので、代わりに`graphql-yoga`をインストール

  - Chapter4の注意点

    - `main.tsx`の`createClient`で`exchanges`プロパティを設定しないと型エラーになる

    - `exchanges`の型は`Exchange[]`だが、この配列に`fetchExchange`を渡さないとデータがfetchされない

> Prisma will generate types based off of your database schema.

Pothos will use those types to expose GraphQL types via an API.

GraphQL Codegen will read your GraphQL schema and generate types for your frontend codebase representing what is available via the API and how to interact with it.