下の記事は、Qiita@isihigameKoudaiさんが記述した「Next.js + AWS Amplify + Graphqlで作るサーバーレスアプリケーション環境構築」の紹介記事です。

概要

こんにちは、先日AWSのre:Inventで発表されたAWS Amplify DataStoreがめちゃくちゃ便利すぎて驚きを隠せない、都内でフロントエンドエンジニアをしていますかめぽんです。
今まで、VueやNuxtでの開発がメインでやってきておりましてReact、Nextでの開発経験が少なくまたTypescriptでなにか出来ないかなと探しておりました。
最近だとモバイル開発のためのAWSのサービスをインテグレートしたAWS版firebaseのようなAmplifyというサービスが出ています。内容をみてみると、何やら爆速でサーバーレスアプリケーションが出来そうだなと感じたので、Next.js + AmplifyでTodoアプリを作ってみました。巷では、Nuxt.js + firebaseの組み合わせの記事がかなり多かったですが、こちらのアーキテクチャでも実装出来たのでその方法を体系的にまとめて見ました。
Next + Amplifyでの開発がなんとなくわかるようになると思うので、ぜひ最後まで読んでいただけると嬉しいです。

Related posts:

【コラム】【独断と偏見】エンジニアが考えるプログラミング言語難易度ランキング2019
【コラム】 Kotlin Vs Flutter:クロスプラットフォームアプリ市場を支配するのは?
【ニュース】【リカレント教育の現状】学び直しの人気は「英語」「プログラミング」
【ニュース】高齢者向けプログラミング学習の現在 アプリ開発で収益化も
【ライブラリ】Java用のオープンソースWebクローラー
【ライブラリ】ScalaのFPテクニックを使用したJavaペットストアの実装
【ライブラリ】イーサリアム用のKotlinライブラリ
【Kotlin】GAE x Spring Boot(Kotlin) で始める API 開発入門
【コラム】【超初心者向け】プログラミング入門前に知っておいて欲しいこと
【コラム】プログラミングをどう始めるか
【Rust】Rust成長のカギを握るMozillaとMicrosoftの取り組みとは?
【プログラミング】【初心者向け】プログラミングで活躍するフリーのエディタ6選!
【コラム】プログラミング独学勉強方法!やり方をプログラマーの僕が全て答える
【プログラミング】「子どもの習い事、今後習わせたいのは?」3位水泳、2位プログラミング、1位はやはり…
【AWS】AWS CodePipelineでReactをs3保存、CloudFront公開手順
【フロントエンド】[メモ] Webフロントエンドチューニング
【アーキテクチャ】「第2回 データアーキテクト(データ整備人)を”前向きに”考える会」参加レポート
【フロントエンド】Jamstackって何なの?何がいいの?
【プログラミング】『マンガでなるほど! 親子で学ぶ プログラミング教育』発売、冒頭カラーマンガ無料公開
【コラム】2020年4月小学校で「プログラミング教育」が必修化。役立つ論理的思考構築には家庭でのお手伝いも
【VR】VR開発者になるには?おすすめのVR学校5選!
【ニュース】レジュメ単価レポート 2020年1月
【特集記事】リモートワーカーとして成功する6つの要因
【特集記事】生産的なリモートワーカーの17のツール~その①:ProofHub~
【コラム】プログラミング教育必修化。親が知っておきたいこと
【コラム】プログラミング教育の必修化に対する小中学生と母親たちの思い
【ライブラリ】 Λrrowは、Kotlinの型付き関数型プログラミングのライブラリ
【Docker】Dockerでmysqlを使う流れ
【WordPress】WordPressで使うプラグインまとめ
【Kotlin】 Kotlin vs Scala:アプリ開発者にとって適切なJVM言語