依頼編集履歴 1件

開始： 2022年06月27日 12:00 締切： 2022年07月02日 12:00 希望納期： 2022年07月27日

依頼の目的・背景

Next.jsでWEBサイトを作成しており、既に公開しています。

GitHubにコードは上がっていますので、ご連絡頂けた方には、GitHubのコードを見て頂くことも可能です。
見て頂いてからご判断頂いても構いません。

Sub-path Routingを用いて多言語化対応をしています。
https://www.○○.com/about
に行くと、日本語で表示され、
https://www.○○.com/en/about
に行くと、英語で表示されます。

現在、markdownを用いて、SSGを実現しようとしています。
各工事毎に、下記のようなマークダウンファイルを用意しています。
---
id: 2005
name: "A工事"
image: /images/2005/1.jpg
images: [
/images/2005/1.jpg,
/images/2005/2.jpg,
/images/2005/3.jpg,
/images/2005/4.jpg,
/images/2005/5.jpg,
/images/2005/6.jpg,
/images/2005/7.jpg,
/images/2005/8.jpg,
]
method: "wooden"
use: "medical"
---
そして、[slug].tsxでそのマークダウンを読み込んで、各工事の詳細ページに飛ぶようにしています。

しかし、
https://www.○○.com/2005
に行くと、日本語表示はうまくいくのですが、
https://www.○○.com/en/2005
に行っても、404エラーが出てしまいます。

この原因として、
https://zenn.dev/steelydylan/articles/nextjs-with-i18n#isrやssgの時の対策
に書いてあるものが原因なのではないかと思います。
getStaticPropsを使うにあたり、pathを工夫しなければならないのだと思います。
しかし、このやり方がよく分からないです。

この部分のコードを直して頂くことがご依頼内容です。
よろしくお願い致します。

開発の継続性

今回のみ、開発をお願いいたします。

対応ページ数

該当する部分のコードを書いて頂ければOKです。

用意してある素材

GitHubに上げてあります。

重視する点

予算、クオリティ、柔軟な対応、こまめな連絡

希望スキル

ランサーに相談して決めたい

希望CMS

ランサーに相談して決めたい

補足説明

既にGitHubにコードはアップしてありますので、ご連絡頂いた方には、コードをお見せします。
デプロイ済みのWEBサイトのURLもお伝えします。