---
title: "Yaofeng New Energy Manufacturer Site | 星源 Web Studio"
description: "An international B2B site for a charcoal manufacturer, with multilingual product catalogs, Arabic RTL, OEM content and inquiry flows for overseas buyers."
url: "https://studio.i17i.com/en/work/yaofeng-new-energy"
---

Machine-made charcoal manufacturing / new energy fuel

# Yaofeng New Energy — Charcoal Manufacturer Trade Site

An international corporate and catalog website for a machine-made charcoal manufacturer, serving buyers in English, Chinese, Arabic (RTL) and Russian, with a filterable product catalog, an OEM page and a complete inquiry flow.

[Visit website](https://yaofengxny.com/)

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

## Screenshots

yaofengxny.com

yaofengxny.com

yaofengxny.com

## Background & challenge

The client exports mainly to the Middle East and Russian-speaking markets, so the site had to serve English, Arabic and Russian buyers equally well. Arabic required full right-to-left layout support, and every product spec had to come strictly from the client's official catalog data.

## Solution

Custom development on Next.js, Prisma and PostgreSQL: a four-language architecture (Arabic and Russian copy managed in the database for easy updates), a type-filterable product catalog with spec detail pages, an OEM customization page, inquiry forms with WhatsApp contact, an admin panel, and Dockerized production deployment.

## Outcomes

- Live in 4 languages, with full RTL layout for Arabic

- Complete funnel from filterable catalog and spec pages to inquiry form

- Admin panel lets the client manage products and inquiries independently

- Reproducible Docker deployment with health checks and release verification

## Key features

- Language switch: English / Chinese / Arabic (RTL) / Russian

- Product catalog with type filters, spec tables and detail pages

- OEM customization page with quote request flow

- Inquiry form plus WhatsApp contact entry

- Admin panel: products, inquiries, multilingual content

- Responsive design with no horizontal overflow at 390px

## Tech stack

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

[Get a Quote](https://studio.i17i.com/en/contact)

## Related service

[B2B Trade Site Development Flagship: multilingual + catalog + inquiry flow + admin panel From $2,700, quoted by product count, languages and features Learn More](https://studio.i17i.com/en/services/b2b-trade-site)

## Related work

[juns.i17i.com Furniture and architectural hardware manufacturing Junsheng Hardware — B2B Furniture Hardware Catalog A B2B product catalog website for a furniture and architectural hardware manufacturer: catalog, category pages, product details with MOQ, a catalog request form and an inquiry form, with multilingual switching. - Next.js - TypeScript - Prisma - PostgreSQL Learn More](https://studio.i17i.com/en/work/junsheng-hardware)
[tn.i17i.com Cross-border business services / subscription commerce Subscription Commerce Site with Stripe Payments A subscription sales site for cross-border business users, delivered solo from planning and design through implementation and production operations: Stripe Checkout payments, webhook-driven order sync, an admin panel, a customer self-service page and email notifications throughout. - Next.js - TypeScript - Prisma - PostgreSQL Learn More](https://studio.i17i.com/en/work/subscription-commerce)
[chromewebstore.google.com Browser Extension / Own Product Ladybird No-code Web Automation Chrome Extension A self-developed browser extension published on the Chrome Web Store: add no-code buttons, links and tooltips to any webpage, build automation with a visual flow editor, and keep credentials in a locally encrypted vault. Trilingual UI (English/Japanese/Chinese), under active iteration. - Chrome Extension - Manifest V3 - WXT - React Learn More](https://studio.i17i.com/en/work/ladybird-extension)

## Related articles

- [Multilingual Website SEO: A Practical Guide to hreflang, URLs and RTLHow to get multilingual website SEO right: URL structure, hreflang without the classic errors, Arabic RTL layout, translation quality and a checklist.Learn More](https://studio.i17i.com/en/blog/multilingual-website-seo)

- [B2B Manufacturer Website Guide: What Actually Generates InquiriesA practical guide to B2B manufacturer websites that generate inquiries: the pages buyers expect, catalog and spec design, inquiry flow, and budgets.Learn More](https://studio.i17i.com/en/blog/b2b-website-for-manufacturers)

- [What Is PHP2Shell? A Practical Guide to Checking and Fixing PHP WebsitesUnderstand PHP2Shell, CVE-2026-109618 and CVE-2026-109619. Check the PHP runtime behind your website, install security updates, restart workers and verify the fix.Learn More](https://studio.i17i.com/en/blog/php2shell-security-fix)

## Ready to build a website that wins overseas buyers?

Free consultation with a reply within one business day, including practical advice for your industry

[Free Consultation](https://studio.i17i.com/en/contact)
[View Portfolio](https://studio.i17i.com/en/work)