Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.