はじめに この記事の内容は、以下のサイトと同じことをやってます この記事は自分用のメモです https://colinhacks.com/essays/building-a-spa-with-nextjs https://blog.hey3.dev/posts/nextjs-spa 概要 Next.js アプリを静的ファイルにビルドし、S3 にデプロイ、CloudFront で公開していた しかし、動的ルーティングを使うことになり、これ自体は Next.js がサポートしているので問題ないが、/task/[id].htmlに対して URL から直接アクセスが来た場合に 403 エラーとなってしまう 単純にルートの/index.htmlに飛ばすだけで良いなら、CloudFront のカスタムエラーページの設定で対応できるが、今回はシステムの仕様上、それはできず、/task/[id].html