Next.js
これ、エラー? https://www.npmjs.com/package/typed-query-selector https://github.com/g-plane/typed-query-selector 型について https://zenn.dev/sqer/articles/d9d51bbd4b410418cde3 Node.js v18.0.0 documentation https://nodejs.org/api/process.h…
■9. ライブラリのファイルを作成 pages/にhasura-crud.tsxを作成 9-2. 必要なインポートと基本形 import { VFC, useState, FormEvent } from 'react' import { useQuery, useMutation } from '@apollo/client' import { GET_USERS, CREATE_USER, DELETE_USER…
ポイントは、サーバーサイドの処理と、フロントエンドだけの処理を、きちんと切り分けて構築すること。 公式ライブラリを多用する。 https://github.com/vercel/next.js/blob/canary/examples/with-apollo/lib/apolloClient.js ■9. ライブラリのファイルを作…
typescriptのmicrosoft公式ドキュメント https://www.typescriptlang.org/docs/handbook/2/basic-types.html 海外でのわかりやすいチートチャート https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/forms_and_events ■7. 基本La…
■Next.js 公式事例 https://nextjs.org/examples ■0.Hasuraで必要なgraphQLAPIの作成 https://cloud.hasura.io/ にアクセスすると、GoogleかGitHubのアカウントを聞かれる。(本プロジェクトはGithubのアカウントを使用)。 「New Project」をクリック。 「C…