Amazon Web Services ブログ

Category: AWS Amplify

AWS Amplify UI : 10 個の新しいコンポーネントと更新されたコンポーネント

AWS Amplify UI チームは、エンドユーザーのための機能豊富なアプリを構築するのに役立つ、8 つの新しい React ユーザーインターフェイスコンポーネントと 2 つの改良されたコンポーネントを紹介します。本記事では、新しいコンポーネントと、それらをプロジェクトにどのように使用できるかを紹介します。Amplify UI は、クラウドに接続されたクロスプラットフォームと、パフォーマンス、テーマ性、応答性、アクセシビリティに優れた React コンポーネントの両方を備えたコンポーネントライブラリです。

AWS Amplify JavaScript バンドルサイズの縮小および改良された TypeScript と Next.js のサポート(Developer Preview)

本日 (2023 年 9 月 28 日)、AWS Amplify JavaScript Library の v6 Developer Preview を発表しました。これは、AWSクラウドバックエンドを使用した Web 開発へのアプローチ方法を改善するマイルストーンリリースです。私たちは皆様からのフィードバックに耳を傾けており、本日の発表では GitHub で皆様から寄せられていたバンドルサイズや、TypeScript と Next.js のサポートに対するリクエストのいくつかに対応しました。それでは早速、Amplify JavaScript v6 developer preview の新機能をご紹介します!

AWS Amplify Studio が GraphQL API をフルサポート

AWS Amplify は、AWS Amplify Studio で GraphQL API をフルサポートすることを発表しました。これによって、DataStore の有無に関わらず、Connected Forms や Data Manager のような、Amplify Studio の既存のデータ駆動の機能が、すべての新規および既存の Amplify アプリで利用できるようになりました。

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 での Next.js API routes

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

AWS Amplify が効果を発揮する Next.js の 5 つの機能

Next.js は、React アプリのサーバーサイドレンダリングと静的サイト生成を可能にする、人気の React フレームワークです。フロントエンドの Web およびモバイル開発者が AWS 上で迅速かつ容易にフルスタックアプリケーションを構築できるようにする目的で構築されたツールおよび機能のセットである AWS Amplify と組み合わせると、開発者は本当に強力なアプリを構築することができます。本記事では AWS Amplify が効果を発揮する Next.js の 5 つの機能を紹介します。