Reactの場合、vite等でReactプロジェクトを作成し、Amplify Gen 2のモジュールをnpm等で追加します。

参考

Reactプロジェクト作成

Reactを使う場合、先にReactのプロジェクトを作成します。

ViteでReactプロジェクトを作成

Viteでは以下のコマンドでReactプロジェクトを作成できます。

npm create vite@latest

詳細は以下を参照

Amplify Gen2の初期化

参考

以下を実行して必要なモジュールをインストールします。

npm -D i @aws-amplify/backend@latest @aws-amplify/backend-cli@latest

完了すると ampx や cdk 等のコマンドが、以下のディレクトリにインストールされています。

node_modules/.bin

例 node_nodules/.bin/のコマンドの一部

amplify -> ../@aws-amplify/backend-cli/lib/ampx.js
ampx -> ../@aws-amplify/backend-cli/lib/ampx.js
cdk -> ../aws-cdk/bin/cdk
cdk-assets -> ../cdk-assets/bin/cdk-assets