The Castteli mark, a green and blue leaf-shaped emblem, centred on a fine technical grid over a near-black background.

Case study Castteli Technology

A company website, engineered like the platform it will become.

Client
Castteli Technology
Type
Institutional website
Role
Architecture & full-stack development
Year
2026

The institutional website of Castteli Technology, and the foundation its platform will grow on: a typed monorepo where content, configuration and security are designed as one system.

A new technology brand needs a public presence now, while its API, CMS and admin come later. Most first websites get thrown away the day the real platform arrives.

Build the website as the first app of the platform. Content, configuration and validation live in their own packages, and nothing is published without a real fact behind it: unknown information stays out rather than being filled with a plausible guess.

What was actually built

  1. 01

    A pnpm and Turborepo monorepo: a Next.js 16 App Router site on top of typed packages for configuration, validation, content and UI.

  2. 02

    Environment validated with Zod at build time, domain-portable by design, and preview or staging deployments that can never be indexed.

  3. 03

    Security headers and CSP, and a contact form with a strict origin check, honeypot, minimum-time check and Turnstile, storing no personal data.

  4. 04

    Quality enforced in CI: lint, strict TypeScript, unit tests, dependency boundaries, Playwright and axe (WCAG 2.2 AA) end-to-end tests, secret scanning and a Lighthouse budget (LCP under 2 s, CLS under 0.05).

Technology

  • Next.js
  • TypeScript
  • React
  • Tailwind CSS
  • Zod
  • Turborepo
  • Playwright
  • Vercel

Version 1 is live on a temporary domain. API, CMS and admin are the next phases.

Next projectPassNowPassNow · Ticketing platform