Next.js

PDFの生成_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…

Next.js_4 (CRUD)

■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…

Next.js_3 (Hasura GraphQLサーバーとクライアントサイドの連携編)

ポイントは、サーバーサイドの処理と、フロントエンドだけの処理を、きちんと切り分けて構築すること。 公式ライブラリを多用する。 https://github.com/vercel/next.js/blob/canary/examples/with-apollo/lib/apolloClient.js ■9. ライブラリのファイルを作…

Next.js_2 (ApolloClientとmakeVar編)

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_1 (graphQL + ApoloClient + Heroku 基礎構築編)

■Next.js 公式事例 https://nextjs.org/examples ■0.Hasuraで必要なgraphQLAPIの作成 https://cloud.hasura.io/ にアクセスすると、GoogleかGitHubのアカウントを聞かれる。(本プロジェクトはGithubのアカウントを使用)。 「New Project」をクリック。 「C…