Multilingual Corporate Website & Product Catalog

UNOKI Global

No. I · 2026 · Live

Overview

UNOKI Global is the official website of UNOKI, a consumer electronics brand selling through retailers in Turkey, Japan and the UAE. I designed and built the entire system on my own: a Next.js + Tailwind CSS frontend, an Express.js backend API, and the server infrastructure running in Docker containers on a self-managed VPS. The site serves Turkish, English and Japanese from locale-based routes (/tr, /en, /ja), with localized meta tags and dynamically generated Open Graph images per language. The product catalog covers 30+ products across four categories (Drones, Audio & Visual, Mobile Gadgets, Lifestyle Tech), and each product page includes an image gallery, feature highlights, a technical specifications table, box contents, related products and breadcrumb navigation. All content — products, images, hero slides, user manuals and FAQs — is managed dynamically through the backend, and media files are served from a dedicated media subdomain. The support center brings together a product guide, downloadable user manuals filterable by product, authorized retailer links (Teknosa, MediaMarkt, D&R, Amazon JP, Sharaf DG) and a categorized FAQ; the contact page includes a contact form and an embedded map.

Multilingual brand website and product catalog for UNOKI, a consumer electronics brand offering drones, action cameras, smart glasses and mobile accessories. Built end-to-end — from the Next.js frontend and Express.js API to Docker-based VPS deployment.

TypeMultilingual Corporate Website & Product Catalog
RoleFullstack Developer (Frontend, Backend & DevOps)
Year2026 · Live
ScopeTrilingual site (Turkish, English, Japanese) with locale-based routing
Product catalog with 30+ products across 4 categories and category filtering
Detailed product pages: image gallery, feature highlights, spec table, box contents, related products
Dynamic content management via Express.js REST API
Media and document delivery from a dedicated media subdomain
Support center with downloadable user manuals (PDF) filterable by product
Authorized retailer (Where to Buy) section and categorized FAQ
Contact form with embedded Google Maps
SEO: canonical URLs, localized meta tags and dynamic Open Graph images per language
Optimized images with Next.js Image (WebP, responsive sizes)
Fully responsive, minimal UI built with Tailwind CSS
Containerized deployment with Docker on a self-managed VPS

Technologies

Next.jsReactTypeScriptTailwind CSSNode.jsExpress.jsDockerLinux VPSCloudflare