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 を使ってデプロイする方法を説明します

Share code between Next.js apps with Nx on AWS Amplify Hosting

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 アカウントにエンドツーエンドのソリューションをデプロイして、ウェブおよびモバイルアプリケ […]

今こそ、新規アプリ開発はサーバーレスで始めてみませんか? #AWSBuilders

サーバーレスの世界も広がってきました。かつてのサーバーレスは、エキスパートが使えそうなところを選んで利用すると […]

AWS Amplify での Next.js API routes

Next.js は人気のある React フレームワークで、React アプリにサーバーサイドレンダリング・静的サイト生成を可能にします。これにより、驚くほど簡単にフルスタック React アプリケーションを構築できます。Next.js は、サーバーサイドレンダリングと静的サイト生成に必要な多くの難しい設定を自動的に処理する点で、Next.js は他のソリューションより開発者に好まれます。また、スタイリング・ルーティング・バンドルなどのビルトインサポートがあります。Next.js アプリは非常にパフォーマンスが高く、検索エンジンに対する最適化がされており、コマンド 1 つでホスティングプロバイダへ簡単にデプロイできます。Next.js は柔軟さ、シンプルさ、機能の豊富さにより、本番用 React アプリケーションを構築するための上位の選択肢になっています。