An open API service indexing awesome lists of open source software.

https://github.com/jy8752/the-graph-web

The graphで作成したサブグラフの表示
https://github.com/jy8752/the-graph-web

nextjs the-graph typescript

Last synced: 3 months ago
JSON representation

The graphで作成したサブグラフの表示

Awesome Lists containing this project

README

          

# shimahi subgraph web

The graphで作成した[shimashiサブグラフ](https://github.com/JY8752/The-graph-demo3)のweb.

![image1](https://user-images.githubusercontent.com/58534052/192087724-d5679050-e3d3-4ac9-bbbc-d86bc2d84261.gif)

## init

```
npx create-next-app --ts .
```

## setup

### graphql

```
yarn add @apollo/client graphql
```

### graphql codegen

```
yarn add -D @graphql-codegen/cli
yarn add -D @graphql-codegen/typescript

yarn graphql-codegen init
? What type of application are you building? Application built with React
? Where is your schema?: (path or url) https://api.thegraph.com/subgraphs/name/jy8752/doodle
? Where are your operations and fragments?: queries/**/*.ts
? Pick plugins: TypeScript (required by other typescript plugins), TypeScript Operations (operations and fragments), TypeScript React Apollo (typed components and HOCs)
? Where to write the output: types/generated/graphql.tsx
? Do you want to generate an introspection file? No
? How to name the config file? codegen.yml
? What script in package.json should run the codegen? gen-types

yarn gen-types
```

## css

```
yarn add clsx
```

### ipfs

```
yarn add ipfs-core
```