TechPartner IT
TechPartner IT är en egenbyggd demo, inte ett kundcase. Den delar React 18 + TypeScript SPA-mönstret (Tailwind CSS 3, shadcn/ui, React Router v6, TanStack Query, react-hook-form, zod) men kör på Vite 8 med Babel-baserade @vitejs/plugin-react (inte SWC). Kontakt använder Google Maps-iframe. Tester inkluderar Playwright och Vitest 4. Docker-bygget använder npm install --legacy-peer-deps, sedan serverar Nginx dist/. Sidor: start, tjänster, om och kontakt.
TL;DR
En React + Vite 8-demo för IT-support med Google Maps-iframe, Playwright och Vitest 4, serverad som statiska filer via Nginx i Docker. Resultat: En live-demo för IT-support på Vite 8 med karta, Playwright-täckning och Nginx-i-Docker-leverans.
Konceptwebb
Utvecklingstid
Solo
Samarbete
Lyckat
Resultat
100%
Kundnöjdhet
Utmaningen
IT-support och konsultbolag behöver en sajt som signalerar kompetens utan att bli generisk, och bygget ska vara lätt att testa och driftsätta.
Min lösning
Jag använde det gemensamma shadcn SPA-mönstret på Vite 8 med Babel React-plugin, lade till Google Maps-iframe för lokal tillit och kopplade Playwright med Vitest 4. Leveransen är fortfarande frontend: statiska filer bakom Nginx i Docker.
Tekniska funktioner
Byggt med moderna tekniker och beprövade metoder för stabilitet och prestanda
Teknikstack
Moderna tekniker och ramverk för bra prestanda
Säkerhet och kvalitet
Byggt med säkerhetsrutiner och kvalitetssäkring
Ren arkitektur
Tydlig kodstruktur enligt branschpraxis
Prestanda
Optimerat för snabbhet, skalbarhet och användarupplevelse
Nyckel funktioner
Nyaste Vite-major bland de fyra demon (Vite 8 + Babel React-plugin)
Tydlig uppdelning av IT-support och konsultation
Google Maps-iframe på kontaktsidan
Playwright plus Vitest 4 för automatiserade kontroller
Docker-image med npm install --legacy-peer-deps, Nginx serverar dist/
Projekt galleri
Utvalda skärmdumpar från projektet.
Tekniker
Relaterade artiklar
Projektets resultat
IT-tjänsteägare kan öppna en live-demo som visar modern React-stack, kartkontakt och en testbar Docker/Nginx-väg innan de bestämmer sig för ett fullt uppdrag.