Bygg X
Bygg X is a self-built demo, not a client case study. It uses the shared React 18 + TypeScript + Vite 5.4 (SWC) SPA stack with Tailwind CSS 3, shadcn/ui, React Router v6, TanStack Query, react-hook-form, zod, and Vitest. Typography is Inter via Google Fonts. Animation stays on CSS and Tailwind (no Framer Motion). Structured data is added as JSON-LD in index.html. Routes cover home, services, quote request, projects, news, about, and contact. Production output is static files served by Nginx in a multi-stage Docker image.
TL;DR
A React + Vite construction-company demo with Inter, JSON-LD in index.html, and a static Nginx-in-Docker delivery path. Result: A live construction demo with clear service areas, quote flow, and schema-ready HTML defaults.
Concept site
Development time
Solo
Collaboration
Success
Project outcome
100%
Client satisfaction
The challenge
Construction firms need a site that quickly builds trust and makes it easy to request a quote, without a heavy animation stack or a custom backend.
My approach
I built a React SPA on Vite 5.4 with SWC, Tailwind, and shadcn/ui, kept motion lightweight with CSS, and added JSON-LD for clearer entity signals. The site ships as static files behind Nginx in Docker.
Technical features
Built with modern technologies and best practices for reliability and performance
Technology stack
Modern technologies and frameworks for optimal performance
Security and quality
Built with security best practices and quality assurance
Clean architecture
Well-structured codebase following industry standards
Performance
Optimized for speed, scalability, and user experience
Key features
Trust-focused layout for construction and trade services
Routes for services, quote request, projects, and news
JSON-LD structured data embedded in index.html
Inter typography via Google Fonts
CSS and Tailwind motion only (no Framer Motion dependency)
Static build served by Nginx in Docker
Project gallery
Selected screenshots from the project.
Technologies used
Related articles
Project impact
Trade and building businesses can review a live demo that shows service structure, quote paths, and a maintainable frontend delivery model before they start a full project.