About Stack Resume Work Services FAQ Contact
EN RU UZ
Home / Portfolio / Global Road
Corporate Website · SSR · Admin Panel

Global Road — Road Construction Site

Overview

Multilingual SSR Site with Admin Panel

A multilingual marketing website built for Global Road — a Tashkent-based road construction company specializing in asphalt paving, road surfacing, and site improvement. The site presents the company's services, completed projects portfolio, and capacity in three languages (EN/RU/UZ), and routes inbound quote requests straight into a private admin panel where the team can review and respond. The visual language is dark and industrial — heavy type, photo-led hero, motion-driven scroll reveals.

The frontend is built with TanStack Start (file-based routing, SSR, server functions) and React 19, styled with Tailwind CSS v4 and animated with Motion. A locale-aware route layout ($locale/_layout) handles EN/RU/UZ switching without re-fetching, with Zustand keeping locale state consistent across navigation. The build uses @tanstack/nitro-v2-vite-plugin with the node-server preset for clean Docker deployment. The admin side is a protected SPA — JWT auth with refresh tokens, role-aware route guards — managing portfolio projects and inbound contact requests through CRUD interfaces backed by TanStack Query.

Key Highlights
Full multilingual support: EN/RU/UZ via locale-aware routing and Zustand locale store
TanStack Start SSR — server functions, route loaders, fast first paint
Protected admin SPA: JWT auth with refresh tokens and role-aware route guards
Project portfolio module — completed road projects with details, location, area, duration
Quote-request form pipeline — submissions delivered straight into the admin inbox
Dockerized deployment via Nitro V2 with the node-server preset
Project Info
CategoryCorporate Website
ClientGlobal Road
DateOctober 2025
Status● Live
Tech Stack
React TypeScript TanStack Start TanStack Router TanStack Query Tailwind v4 Motion Zustand Axios / JWT Docker Linux / Nginx
View Live Site