Amazon Web Services ブログ
Category: Front-End Web & Mobile
Next.js Web アプリケーションにおける SSG とSSR の比較: 正しいレンダリングアプローチの選択
人気の React フレームワークである Next.js は、開発者がモダンな Web アプリケーションを構築する方法を変えました。Next.js は、Static Site Generation (SSG) や Server Side Rendering (SSR) といった強力な機能を提供し、アプリケーションのパフォーマンスとユーザー体験を最適化します。本記事では、SSG と SSR の主な違い、利点、いつどちらかを選択するか、それぞれのアプローチで AWS Amplify を使ってデプロイする方法を説明します
Nx と AWS Amplify Hosting を用いて Next.js アプリ間でコードを共有する
この記事では、AWS Amplify Hosting がモノレポ、特に Nx と連携し、モノレポで管理されているフロントエンドアプリケーションをデプロイする機能を探ります。銀行の仕様に合わせてブランディングできるライブラリやコンポーネントで構成された、同じ住宅ローン計算機を使用する複数の銀行のウェブサイトの例を通して、モノレポを使用する利点を学びます。このシナリオの例では、私たちがいくつかの銀行ブランドを所有する大規模な金融機関で働いているとしましょう。この金融機関を BankCorp と呼び、このブランドの下にある銀行の例を BankA と BankB とします。
AWS Amplify JavaScript Library がより少ないバンドルサイズとより少ないロード時間に
AWS Amplify JavaScript Library において、Auth, Storage, Notifications, Analytics などの重要なカテゴリのバンドルサイズが大幅に縮小されたことをお知らせできて嬉しく思います。これは、ユーザーがアプリを使用する際のロード時間の短縮につながります。バンドルサイズの縮小は、コミュニティからの要望に応えたものです。
CloudFront と S3 の階層化 TTL でシングルページアプリケーション (SPA) をホストする
この記事ではシングルページアプリケーション(SPA) のデプロイのための Amazon CloudFront と Amazon Simple Storage Service (Amazon S3) を用いた「階層化 TTL 」を紹介します。これにより、「ユーザーが体感する遅延をできるだけ小さくしたい」「即時にデプロイしたい」「CDN のキャッシュの無効化の代わりに、Cache-Control の HTTP ヘッダーを活用したい」といった一見相反するようにも見える要件を満たすことができます。
新しいソリューション – モバイルおよびウェブアプリケーション用の Clickstream Analytics on AWS
7月7日より、AWS アカウントにエンドツーエンドのソリューションをデプロイして、ウェブおよびモバイルアプリケ […]
RFID テクノロジーと AWS による小売店における在庫管理の強化
AWS での RFID ストア在庫管理のガイダンス RFID (Radio Frequency Identif […]
今こそ、新規アプリ開発はサーバーレスで始めてみませんか? #AWSBuilders
サーバーレスの世界も広がってきました。かつてのサーバーレスは、エキスパートが使えそうなところを選んで利用すると […]
AWS Week in Review – ステップ関数のバージョンとエイリアス、Graviton3E プロセッサを搭載した EC2 インスタンスなど — 2023 年 6 月 26 日
北半球ではもう夏ですが、私が住んでいるロンドンでも夏の兆しを感じることができます。とはいえ、いいお天気に浮かれ […]
AWS Amplify での Next.js API routes
Next.js は人気のある React フレームワークで、React アプリにサーバーサイドレンダリング・静的サイト生成を可能にします。これにより、驚くほど簡単にフルスタック React アプリケーションを構築できます。Next.js は、サーバーサイドレンダリングと静的サイト生成に必要な多くの難しい設定を自動的に処理する点で、Next.js は他のソリューションより開発者に好まれます。また、スタイリング・ルーティング・バンドルなどのビルトインサポートがあります。Next.js アプリは非常にパフォーマンスが高く、検索エンジンに対する最適化がされており、コマンド 1 つでホスティングプロバイダへ簡単にデプロイできます。Next.js は柔軟さ、シンプルさ、機能の豊富さにより、本番用 React アプリケーションを構築するための上位の選択肢になっています。
AWS のサーバーレスと Amazon S3 署名付き URL、クライアントサイド JavaScript で大きなサイズの複数ファイルの一括アップロード・ダウンロード機能を実現する方法
はじめに 昨今のテクノロジーの進化は、これまで以上に、私たちがどのように働き、どのように生活するかを再定義して […]