下の記事は、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:

【コラム】「コロナウイルスを学力低下の言い訳にしてはいけない」 休校を機に「ランドセルよりタブレット」の実現を 埼玉県戸田市で教育現場を取材
【Rust】Windows 10にRustをインストールする方法
【ニュース】弁護士ドットコムが企業法務向け法律書籍の月額閲覧サービス「BUSINESS LAWYERS LIBRARY」の提供を開始。
【ニュース】洋服代を節約できる月額制ファッションレンタル「Rcawaii(アールカワイイ)」急激に会員数が増えて10万人突破!3ヵ月分無料キャンペーン実施中!
【ニュース】AI導入推進リーダーが集うコミュニティ「exaCommunity」 オンラインのAI学習コンテンツを拡充
【ニュース】SNS投稿するだけで、憧れのレストランでのお食事が無限ループで"お得"に?!「ふるなび」会員様限定優待サービス『早得』がサービスの体験オファーを開始!
【JavaScript】JavaScript Clean Code: Error Handling
【Nuxt.js】How I Picked Up and Built a Nuxt.js App in One Week
【機械学習】【日本語モデル付き】2020年に自然言語処理をする人にお勧めしたい文ベクトルモデル
【Unity】アニメ作ったことないけど3日間でアニメ作った話
【C#】わかった"つもり"になれる「ラムダ式」解説
【Next.js】Next.js 9.3: 新世代の静的サイト生成、Built-in Sassのサポート
【Node.js】Node.js: CPU負荷で3秒かかっていた処理を「Worker Threads」で1秒に時短する
【特集記事】プログラマー初学の人へ61の質問に答えてみた
【Azure】Azureのいつでも無料サービスまとめ
【Kubernetes】「Kubernetes実践入門」でKubernetesの知識をキャッチアップされる方へ
【Java】IntelliJ+JerseyとPostmanでRESTfulAPIサンプル(JSON)
【ニュース】イグナイトアイが「 オンライン面接ツールまとめ 」を公開
【ニュース】スマホ用ショートコンテンツ配信のQuibiで4月6日から50番組がスタート
【ニュース】OPPO、フラッグシップスマホ「Find X2」発表--5G対応、カメラは業界最大級1/1.4インチ
【開発手法】パッケージ管理ツールをまとめてみる
【UiPath】音声認識でのテキスト化や読み上げをやってみる
【開発手法】Mac を買ったら必ずやっておきたい初期設定
【Docker】初心者が流れで学ぶDocker/Kubernetes超入門
【RPA】基本用語/ツール別比較
【Java】AWSでSpringBootベースのWebアプリを起動してみる(Docker on EC2編/ECS+Fargate編)
【Firebase】FirebaseでOAuth2の認証・認可を30分で実装する
【Column】Learn Programming For Free (All Free Resources)
【Column】7 PROGRAMMING LANGUAGES THAT WILL DIE IN A FEW YEARS
【Python】Intro to Python Module