【React / Next.js】ルート（/）にアクセスすると「404 Not Found」が表示される解決方法について

はじめに

Next.jsハンズオンでアプリ開発中にルートのHome画面が表示されない症状が発生し、こちらの解決方法について記事にします。

ﾙｰﾄ配下にsrc/app/page.tsxの他app/api/... という構成になっておりました。

解決方法

app を1つにする。
ﾙｰﾄ配下にappディレクトリが２つあることで、page.tsxが無視されている結果になっておりました。

参考

おわりに

これで表示されるようになりました。

JISOUのメンバー募集中！

プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてください！
▼▼▼