シングルページアプリケーションReactでサンプルサイトを作る時など、サイトデザインはあまり深く考えず、有りものの設定を組み合わせて、ササッと手軽に作りたいことがあります。シングルページアプリケーション認証機能付きReactサイトを手軽に作りたかったのですが、都度バックエンドを構築するのが面倒で諦めてました。Amplifyを使えば、手軽にバックエンドを構築できるのではと試してみました。Functionを追加すると、JavaScriptで雛形が生成されるので、それをTypeScriptにする方法メモです。下記ドキュメントを参考にしました。シングルページアプリケーション使いたいAPIがGraphQLで書かれていました。今回GraphQLを使うのが初めてだったので、クライアント側からのGraphQLの使い方について、簡単にメモしておこうと思います。GraphQLとは、Facebookが開発したAPIの仕様です。シングルページアプリケーション思い立ったらサクッとSPAサイトが作れたらいいなぁと思っていたのですが、Reactはちょっとしたサイトを作るにも大掛かりになってしまうので諦めていました。シングルページアプリケーションReactの状態管理はReduxが有名で、大衆迎合主義の自分としては、ご多分に漏れずReduxを使っています。Reduxを使っていてしんどいなぁと感じるところがいくつかあります。1つは、とにかくボイラープレートが多いことです。シングルページアプリケーションシングルページアプリケーションを作っていて、外部には公開したくないが、ローカル以外のサーバーに置いて配信テストをしたいことがあったので、その時の構築メモです。1引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。