UI Platform Setup

Available in Tier A (Astro) and Tier B (SPA)

Starting from £7,500 (Tier A)

What's Included

  • Framework setup and configuration (Astro with React islands or Vite SPA)

  • TypeScript with strict mode enabled

  • Linting & formatting with Biome

  • State management (TanStack Query for SPAs, framework-native for Astro)

  • Typed API layer with endpoint registry and context

  • MSW v2 + msw/data mock architecture with seeded data (SPAs)

  • Form and validation stack (react-hook-form + Zod / VeeValidate + Zod / Felte + Zod)

  • Vitest infrastructure: unit, API/hook, and route-level integration tests

  • Playwright setup with initial end-to-end specs

  • OpenAPI type generation via openapi-typescript

  • Shared starter infrastructure: layouts, components, hooks, utilities

  • Example feature 1: read-only catalog with search/filter + pagination

  • Example feature 2: full CRUD with table, modal form, and mutations

  • CI/CD pipeline configuration

  • Complete documentation and handover guide

What You Provide

  • Branded Component Kit (from our BCK package or your existing library)

  • API specification (OpenAPI/Swagger preferred)

  • Feature requirements for the two example implementations

Timeline: 10 working days from kickoff to handover

Which Tier Do You Need?

Tier A — Astro Starter

Content-first sites: marketing pages, blogs, documentation.

  • Astro with framework islands (React/Vue/Svelte based on your BCK)

  • Zero client-side JavaScript by default

  • Best-in-class PageSpeed and SEO scores

  • Content collections and MDX support

  • Edge deployment ready (Cloudflare, Netlify, Vercel)

Tier B — SPA Starter

Dashboards, portals, internal tools.

  • Vite + React Router / Vue Router / SvelteKit

  • TanStack Query for robust client-side caching

  • Compiles to static assets (host anywhere)

  • Lightning-fast UI with smart data prefetching

Ready to Start?

Fixed scope. Fixed timeline. 30-day warranty. Tell us about your project.

Get Started →