この本ではNext.jsを使ってAmplify（AWS）を初めて使う方にもわかりやすく始めてもらうための入門書になっています。
また、Next.js・ Reactについて詳しい解説はしていませんが、React・Next.jsの基本について理解できていればわかるようにしてあります。

&lt;追記&gt;
amplify のバージョンアップに伴い、本書の内容が古い情報となってしまっているので無料にて公開させていただきます。

この本ではNext.jsを使ってAmplify（AWS）を初めて使う方にもわかりやすく始めてもらうための入門書になっています。
また、Next.js・ Reactについて詳しい解説はしていませんが、React・Next.jsの基本について理解できていればわかるようにしてあります。

<追記>
amplify のバージョンアップに伴い、本書の内容が古い情報となってしまっているので無料にて公開させていただきます。

Next.jsでAmplifyに入門する

概要

Todoアプリ機能要件

準備１ AWSアカウントの作成

準備２ AWS CLIのインストール

準備３ AWS CLIの設定

準備４ Amplify CLIのインストール

準備５ Amplify CLIの設定

準備６ Amplify用Roleの作成

ステップ１ Next.jsプロジェクトの作成

ステップ２ Amplifyを組み込む

ステップ３ Githubにソースコードをアップロードする

ステップ４ Amplifyのhostingを追加する

ステップ５ Amplifyのauthを追加する

ステップ６ サイトにサインイン・サインアップ機能を用意する

ステップ７ Amplifyのapiを追加する

ステップ８ Amplify Admin UIにアクセスする

ステップ９ AppSyncからAPIを実行する

ステップ１０ サイトからクエリを実行する

ステップ１１ Todoを作成できるようにする

ステップ１２ リアルタイムにTodoを取得する

ステップ１３ UIの改善

ステップ１４ Todoの更新と削除

読者コミュニティ｜Next.jsでAmplifyに入門する

nextjs

react

amplify

todo

YutaUra