決済セッションはリクエストごとに組み立てます。日本語のカタログは円、英語のカタログはドルで、line_itemsを固定の価格オブジェクトではなく動的に構築します。商品はひとつのまま、2つの市場に出せます。
07 — EC / 有機栽培茶 / 2025
JURAKUEN
富士市の有機栽培茶農家のD2Cサイト。ブランドの発信とオンライン販売を一体にした日英対応のサイトです。
2025静岡県富士市
- クライアント
- 聚楽苑
- 領域
- EC / 有機栽培茶
- 担当
- デザイン、開発、EC、多言語対応、SEO
- 年
- 2025
01 / PROJECT
WHAT THE
PROJECT IS.
生産者、栽培、有機JASの情報を、商品カタログとオンライン購入の導線とあわせて掲載しています。日本語と英語のページを用意し、同じブランド・商品情報を国内と海外の双方に届けられるようにしました。
購入フローはカートとStripeによる決済で構成しています。検索流入については、ロケール別のcanonical URL、サイトマップの自動生成、商品の構造化データ、カート・決済結果ページのインデックス制御で対応しました。
02 / HOW IT WORKS
THE DECISIONS
UNDER IT.
実装から
決済イベントは署名シークレットで検証してから処理します。即時の完了だけでなく、コンビニ払いや銀行振込のように後日確定する決済も扱います。領収書はWebhook側から送るので、購入者が完了ページに戻ってきたかどうかに関係なく届きます。
ブラウザの言語判定は切ってあり、ロケールは常にURLに含まれます。日本語のページを共有したリンクは、受け取った相手のブラウザ設定でリダイレクトされることなく、日本語のまま開きます。
サイトマップは両ロケールを載せ、カートや決済結果といった取引中のページは除外してインデックスからも外します。検索結果が他人の空のカートではなく、商品や記事を指すようにするためです。
03 / DELIVERED
WHAT WAS
BUILT.
- 01
商品カタログ、カート、オンライン決済
- 02
日本語・英語のサイト構造
- 03
生産者、栽培、有機JASの情報ページ
- 04
商品の構造化データと検索エンジン向けメタデータ
- 05
動的サイトマップと、カート・決済結果ページのインデックス制御
- 06
有機栽培茶・抹茶の検索に向けたSEOランディングページと内部リンク設計
04 / TECHNOLOGY
THE STACK
BEHIND IT.
- Next.js
- React
- TypeScript
- Stripe
- next-intl
- Framer Motion

