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

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

Avatar for Haruna Oka Haruna Oka
September 23, 2023

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

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

Avatar for Haruna Oka

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 でのモノレポ管理