Next.jsの多言語化サイトにおけるSSG対応の仕事 [建築・工務店]
Next.jsの多言語化サイトにおけるSSG対応に関する仕事・募集案件ページです。クラウドソーシングのランサーズで、HTML・CSSコーディングに関する最適な外注/発注先をお探しの方、副業案件・求人をお探しのフリーランスの方はまず会員登録がおすすめです。
HTML・CSSコーディングに関連した他の仕事を探す
見積もり募集の結果
募集期間
5日間
提案数
4件
当選人数
1 件
(募集人数1人)
実際の発注内容
本人確認 AI・WEBシステム開発・海外販路構築支援
- 希望時間単価 2,500円~
- 実績 2
- 評価満足率 100 %
- プロジェクト完了率 50%
- 機密保持
- 本人確認
- 電話 -
- ニックネーム プランクトン
◎フレームワーク、使用言語 Django Python NuxtJS (TypeScript) ◎DB Firebase, MySQL ◎環境 GCP CroudRun ,CloudSQL 基本サーバーは、メンテナンスの必要ない、Sassのサービスをお客様に提案しております。 何事も丁寧に請け負っていきたいと考えております。 経歴 ## 開発内容-1 ... 続きを読む
- 対応可能な依頼のジャンル
- IT・通信・インターネット
- コンサルティング・シンクタンク
- ... もっと見る
見積もり募集の内容
- 依頼主の業種
- 建築・工務店
- 依頼の目的・背景
-
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もお伝えします。
この仕事に似たHTML・CSSコーディングの他の仕事を探す
- 依頼のジャンル
- 建築・工務店