問題タブ [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.

0 投票する
1 に答える
4912 参照

javascript - nextjs ネストされた動的フォルダー ルーティング

アップデート:

  1. [category_slug]-index.js が原因でこのエラーが発生するのはどれgetServerSidePropsですか?
  2. 私は製品フォルダの下でやろうとしましたindex.js、それは動作します、それは [category_slug] でgetServerSideprops大丈夫です、私は正しいですか?

これは私のフォルダ構造です

[product_slug]に入力するとエラーになります。表示中:

エラー: /categories/[category_slug]/product/[product_slug] の getStaticPaths で、必要なパラメーター (category_slug) が文字列として提供されませんでした

これにより、Next.js でネストされたルーティング フォルダーを実行できますか? これに関する情報が見つかりません。以下にコードを示します。

[category_slug] にハードコードされた値を提供しようとしました。この方法で正しいでしょうか?私もよくわかりません。ドキュメントでこれについて見つけることができませんでした。

[product_slug]動的ルートに最初の動的パスを入力する正しい方法を誰かが提供できますか?

0 投票する
0 に答える
698 参照

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