AmplifyがNext.jsとNuxt.jsを利用したSSR（Server Side Rendering）をサポートしました！ Amplify JavaScript adds server-side rendering (SSR) support for frameworks like Next.js and Nuxt.js これまで、AmplifyはSPAで構築するのが基本でしたが、SSRな構成をとることもできるようになり、選択の幅が広がったと思います！ このSSR環境をさっそく構築してみました！ 構成図 AmplifyでNext.jsを利用してSSR環境を構築するとこんな感じの構成になります。 Serveless Frameworkを利用して、Lambda@EdgeでレンダリングするSSR可能なCloudFrontを構築することで、SSRを実現しています。 構築してみた Amplif

Amazon Web Services ブログ 【全資料まとめ＆開催報告】Amplify Meetup #01 みなさんこんにちは！アマゾンウェブサービスジャパン株式会社 ソリューションアーキテクトの木村公哉（@kimyan_udon2）です。梅雨が明けて、気づけばお盆も明けた今日この頃ですが、皆様いかがお過ごしでしょうか？ 7月31日に「Amplify Meetup #01」を開催しました。「Amplify Meetup」はAWS AmplifyのユーザーとAWS Amplifyに興味のあるエンジニアのみなさんでLTなどを通して盛り上がるコミュニティーイベントです。今回初めて開催しましたので、開催報告と合わせて「Amplify Meetupとは？」という点についてもご紹介いたします。 「Amplify Meetup」とは？ 「Amplify Meetup」はAWS Amplifyに興味の

こんにちは！コンサル部のテウです。 2020年7月31日にAWS Japanさんより、日本初のAmplify Meetupが開催されました！(パチパチパチ) 私は普段 AWS Amplify が好きで、AWS Amplify を使ったいろんな開発パターンや、さらに効率よく開発できるパターンを考えていたため、今回のAmplify Meetupで、LT登壇を申し込みさせて頂きました。 本記事はそのLT登壇資料を公開する記事となります。 登壇資料 登壇のため作成したブログシリーズ 今回のLT登壇のため、いくつかのブログを書きました。 【AWS Amplify ノウハウ】 1. バックエンドとフロントエンドは分離しましょう！ Amplify プロジェクトを初期化する際に、バックエンドプロジェクトとフロントエンドプロジェクトを分離することで、どのようなメリットがあるか説明します。 【AWS Ampl

こんにちは、技術1課の加藤です。 またまた Amplify のお話。 今回は簡単に mock API サーバーが立てたられる Amplify のローカルモック機能のご紹介です！ Amplify CLI を使ったローカルモック 2019年8月に出た機能のようですが、つい最近使ってみてとても便利だったのでご紹介。 新機能 – Amplify CLI を使用したローカルモックとテスト | Amazon Web Services ブログ 公式ドキュメント Advanced workflows - Mocking and testing - Amplify Docs バックエンドコンポーネントを利用するために今まで amplify push して実際に環境を立ち上げていたんですが いくら開発用の環境とはいえトライエラーのために実環境使うのは嫌 毎回 Push するのは面倒 だなあと感じており、いい方