Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Next.js × AWS App Runner × AWS AppSyncで進めるクライアン...

Haruna Oka
September 23, 2023

Next.js × AWS App Runner × AWS AppSyncで進めるクライアントファーストのWEB開発

2023/09/23に開催されたServerlessDays Tokyo 2023で登壇した資料です

Haruna Oka

September 23, 2023
Tweet

More Decks by Haruna Oka

Other Decks in Programming

Transcript

  1. Amplify に頼らないAppSync 構築 IaC はCDK を利用 とは言いつつ実は当初はAmplify CLI で構築されていた (

    初期構築時フロントメンバーしかいなかった為) カスタマイズ性と長期運用を見越してCDK に移行
  2. operation ファイルはAmplify で生成 (query GetContent($id: ID!)... の定義ファイル) plugin を使ってurql のhook

    まで自動生成 typescript typescript-operations typescript-urql CodegenConfig.hooks.afterAllFileWrite で整形 GraphQL Code Generator の活用
  3. Next.js, CDK, API 全てTypescript の為モノレポに 管理ツールにTurborepo を選択した理由 Nx はオーバースペックだった 必要以上に設定を共通化せず開発に支障が出ないのを

    第一に Prettier はルートで共通化( 分けたかったらoverrides) ESLint は各パッケージで実行、等 Turborepo でのモノレポ管理