TechPartner IT
TechPartner IT is a self-built demo, not a client case study. It shares the React 18 + TypeScript SPA pattern (Tailwind CSS 3, shadcn/ui, React Router v6, TanStack Query, react-hook-form, zod) but runs on Vite 8 with the Babel-based @vitejs/plugin-react (not SWC). Contact uses a Google Maps iframe. Testing includes Playwright and Vitest 4. The Docker build uses npm install --legacy-peer-deps, then Nginx serves dist/. Routes are focused: home, services, about, and contact.

TL;DR
A React + Vite 8 IT-support demo with Google Maps embed, Playwright, and Vitest 4, served as static files via Nginx in Docker. Result: A live IT-support demo on Vite 8 with maps, Playwright coverage, and Nginx-in-Docker delivery.
Concept site
Development time
Solo
Collaboration
Success
Project outcome
100%
Client satisfaction
The challenge
IT support and consulting businesses need a site that signals competence without looking generic, and the build should stay easy to test and deploy.
My approach
I used the shared shadcn SPA pattern on Vite 8 with the Babel React plugin, added a Google Maps embed for local trust, and wired Playwright with Vitest 4. Delivery is still frontend-only: 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
Newest Vite major among the four demos (Vite 8 + Babel React plugin)
Clear IT support and consulting service breakdown
Google Maps iframe on the contact page
Playwright plus Vitest 4 for automated checks
Docker image build with npm install --legacy-peer-deps, Nginx serving dist/
Project gallery
Selected screenshots from the project.










Technologies used
Related articles
Project impact
IT service owners can open a live demo that shows a modern React stack, map contact, and a testable Docker/Nginx path before deciding on a full engagement.
