問題タブ [dynamic-routing]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - nextjs ネストされた動的フォルダー ルーティング
アップデート:
- [category_slug]-index.js が原因でこのエラーが発生するのはどれ
getServerSideProps
ですか? - 私は製品フォルダの下でやろうとしました
index.js
、それは動作します、それは [category_slug] でgetServerSideprops
大丈夫です、私は正しいですか?
これは私のフォルダ構造です
[product_slug]に入力するとエラーになります。表示中:
エラー: /categories/[category_slug]/product/[product_slug] の getStaticPaths で、必要なパラメーター (category_slug) が文字列として提供されませんでした
これにより、Next.js でネストされたルーティング フォルダーを実行できますか? これに関する情報が見つかりません。以下にコードを示します。
[category_slug] にハードコードされた値を提供しようとしました。この方法で正しいでしょうか?私もよくわかりません。ドキュメントでこれについて見つけることができませんでした。
[product_slug]動的ルートに最初の動的パスを入力する正しい方法を誰かが提供できますか?
next.js - 動的ルートを持つ Next.js を使用して静的 SPA を構築することは可能ですか?
たとえば、動的ルートを持つ静的な Next.js シングル ページ アプリを構築しようとしています/posts/123
。私はこれをしたいと思います:
- どこでもサイトをホストできる (例: S3)
- ビルド時にルートを知る必要はありません (フロントエンドとは無関係に/フロントエンドの再構築を必要とせずに、いつでも API を変更できます)
私が言えることから、これは次のように動作するはずです:
next build && next export
fallback: true
しかし、ドキュメントは、それがロード/中間状態のためだけであることを示唆しています。
フォールバック ページ/キャッチオール動的ルート/静的生成の組み合わせを使用して、実行時に動的ルートを持つ静的シングルページ アプリを取得できますか? nginx を使用してルートを偽造しても問題ありません (例: /posts/123
-> /index.html
)。
編集:上記の段落は不可能のようです。docsから、必要なキャッチオールルートを使用する場合、たとえば[...post].js
):
fallback: true
を使用する場合はサポートされませんnext export
。