Next.js サーバー側レンダリング アプリを AWS Amplify にデプロイしました。AWS を初めて使用するので、このエラーが発生する理由が正確にはわかりません。非常に多くの記事やドキュメントを読みましたが、この問題を解決できません。
API などからパラメーターとプロップを取得するために使用getServerSidePropsしています。Vercel と Netlify では、アプリは正常に動作していますが、Amplify AWS でエラーが発生しています。
アプリで静的ページを読み込んでいますが、動的ページでエラーが発生します。例えばwww.example.com/test-1
ここtest-1に動的ルートがあります"/:id"
私が得るエラー：
503 ERROR 要求を満たすことができませんでした。CloudFront ディストリビューションに関連付けられている Lambda 関数が無効であるか、必要なアクセス許可がありません。現在、このアプリまたはウェブサイトのサーバーに接続できません。トラフィックが多すぎるか、構成エラーが発生している可能性があります。後でもう一度試すか、アプリまたはウェブサイトの所有者にお問い合わせください。CloudFront を通じて顧客にコンテンツを提供する場合、CloudFront のドキュメントを確認することで、トラブルシューティングの手順を見つけて、このエラーを防ぐことができます。
このエラーは特にアクセス許可に関するものであることは知っていますが、それらを構成する方法がわかりません。