---
title: "机制炭制造商外贸站 | 星源 Web Studio"
description: "为机制炭制造商建设多语言外贸站，包含产品目录、OEM定制页与询盘导线，支持中英阿俄四语。"
url: "https://studio.i17i.com/zh/work/yaofeng-new-energy"
---

机制炭制造 / 新能源燃料

# Yaofeng New Energy 机制炭制造商外贸站

为机制成型炭制造商开发的海外官网+产品目录站，支持英语、中文、阿拉伯语（RTL）、俄语4种语言，覆盖中东与俄语区目标市场，包含产品目录、OEM定制页与完整询盘导线。

[访问网站](https://yaofengxny.com/)

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

## 网站截图

yaofengxny.com

yaofengxny.com

yaofengxny.com

## 项目背景与挑战

客户产品主要出口中东与俄语市场，需要一个能同时服务英语、阿拉伯语、俄语买家的网站；阿拉伯语要求完整的RTL（从右到左）排版支持；产品规格数据需要严格来自客户的产品目录，不能凭空推断。

## 解决方案

基于Next.js+Prisma+PostgreSQL定制开发：4语言架构（阿拉伯语/俄语文案存储于数据库便于更新）、按类型筛选的产品目录与规格详情页、OEM定制介绍页、询盘表单与WhatsApp快捷联系，配套管理后台，Docker容器化部署上线。

## 交付成果

- 4种语言上线，其中阿拉伯语实现完整RTL排版

- 产品目录（分类筛选+规格详情页）到询盘表单形成完整获客闭环

- 管理后台支持产品与询盘管理，客户可自主运营

- Docker一键部署，健康检查与发布版本校验保障线上稳定

## 核心功能

- 英/中/阿拉伯语(RTL)/俄语4语言切换

- 产品目录：类型筛选、规格数据表、详情页

- OEM定制介绍页与见积（报价）导线

- 询盘表单+WhatsApp联系入口

- 管理后台：产品、询盘、多语言内容管理

- 响应式设计，390px移动端无横向滚动

## 技术栈

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

[获取报价](https://studio.i17i.com/zh/contact)

## 相关服务

[外贸B2B独立站定制开发 多语言+产品目录+询盘闭环+管理后台，旗舰级交付 2700美元起，按产品数量、语言数量与功能范围报价 了解详情](https://studio.i17i.com/zh/services/b2b-trade-site)

## 相关案例

[juns.i17i.com 家具·建筑五金制造 Junsheng Hardware 家具五金B2B目录站 为家具与建筑五金制造商开发的B2B产品目录站：产品目录、分类页、产品详情、目录请求表单与询盘表单，标注MOQ（最小起订量）等B2B要素，支持多语言切换。 - Next.js - TypeScript - Prisma - PostgreSQL 了解详情](https://studio.i17i.com/zh/work/junsheng-hardware)
[tn.i17i.com 跨境服务 / 订阅制电商 订阅制在线销售站（Stripe支付） 面向跨境业务用户的订阅制销售站，从企划、设计到实现与上线运维独立完成：Stripe Checkout在线支付、Webhook订单状态同步、管理后台、客户自助页面与全流程邮件通知。 - Next.js - TypeScript - Prisma - PostgreSQL 了解详情](https://studio.i17i.com/zh/work/subscription-commerce)
[chromewebstore.google.com 浏览器扩展 / 自研效率产品 Ladybird 免代码网页自动化Chrome扩展 自研并公开上架 Chrome Web Store 的浏览器扩展：免代码给任意网页添加按钮、链接与提示，可视化流程编辑器编排自动化操作，凭据存于本地加密保管库，中/英/日三语界面，持续版本迭代中。 - Chrome Extension - Manifest V3 - WXT - React 了解详情](https://studio.i17i.com/zh/work/ladybird-extension)

## 相关文章

- [Shopify还是定制开发？外贸独立站选型的完整对比外贸独立站该用Shopify等SaaS平台还是找服务商定制开发？本文从前期与长期成本结构、SEO自由度、多语言与RTL支持、B2B功能适配、数据与源码归属五个维度做完整对比，给出零售型与B2B获客型业务的不同选型建议，帮你避免选错路线导致推倒重来。了解详情](https://studio.i17i.com/zh/blog/shopify-vs-dingzhi-kaifa)

- [外贸独立站SEO实操指南：让海外买家搜到你的八个要点外贸独立站SEO怎么做？本文从技术SEO基础、关键词意图分层、多语言hreflang配置、产品详情页优化、内容营销与外链建设等八个实操要点展开，附关键词分层示例与上线自查表格，帮助外贸企业在谷歌获得自然流量，把独立站变成持续产生询盘的获客渠道。了解详情](https://studio.i17i.com/zh/blog/dulizhan-seo-youhua)

- [独立站建站费用明细：2026年外贸网站到底要花多少钱独立站建站费用到底由哪些部分构成？本文详细拆解外贸独立站的一次性开发费、每年的域名服务器费、多语言翻译内容费与后期维护费四大项，给出LP、企业官网、B2B独立站三档费用区间对照表，并分析模板建站与定制开发的长期成本差异，帮你合理编制自己的建站预算。了解详情](https://studio.i17i.com/zh/blog/dulizhan-jianzhan-feiyong)

## 准备好开始你的外贸独立站了吗？

免费咨询，一个工作日内回复，提供针对你行业的建站建议与报价

[免费咨询](https://studio.i17i.com/zh/contact)
[查看案例](https://studio.i17i.com/zh/work)