記事

Next.jsのSPAで動的ルーティングのときは、fallbackのことを考慮しないといけない

#tech

動的パスにアクセスして、リロードすると404ページが表示されるというのが問題

build時にpathはないのが、ダメらしいな
解決策としては,[getStaticPath]と[getStaticProps]を使うと良さそう

でも、今回は、それを使う修正をするのが、多すぎるので、却下して考えたい

これ罠だ

  • getStaticPathsはサーバー上で動くので、tokenの処理でloaclStorageを使っているので、なかなかに難しそう

結論無理

  • /loginみたいなAPIでtokenを必要になったら、SSRになる気がする

https://gist.github.com/takecchi/59c2970eb1719e9491e77b71e1d98436

  • これで解決できた
  • 流れとしては、404にアクセスして、そこから、pathを取得してきて、さらにリダイレクトするっていう感じ

© 2026 Shotaro Kinjo