A marca da Castteli, um emblema em forma de folha em verde e azul, centrado sobre uma grelha técnica fina num fundo quase preto.

Estudo de caso Castteli Technology

Um site institucional, construído como a plataforma em que se vai tornar.

Cliente
Castteli Technology
Tipo
Site institucional
Papel
Arquitetura & desenvolvimento full-stack
Ano
2026

O site institucional da Castteli Technology e a base sobre a qual a sua plataforma vai crescer: um monorepo tipado em que conteúdo, configuração e segurança são pensados como um único sistema.

Uma nova marca de tecnologia precisa de presença pública agora, enquanto a API, o CMS e o admin chegam depois. A maioria dos primeiros sites é deitada fora no dia em que a plataforma a sério aparece.

Construir o site como a primeira aplicação da plataforma. Conteúdo, configuração e validação vivem em pacotes próprios, e nada é publicado sem um facto real por trás: informação desconhecida fica de fora em vez de ser preenchida com um palpite plausível.

O que foi de facto construído

  1. 01

    Um monorepo com pnpm e Turborepo: um site em Next.js 16 (App Router) sobre pacotes tipados de configuração, validação, conteúdo e UI.

  2. 02

    Ambiente validado com Zod no build, portável entre domínios por conceção, e deploys de preview e staging que nunca podem ser indexados.

  3. 03

    Headers de segurança e CSP, e um formulário de contacto com verificação estrita de origem, honeypot, tempo mínimo e Turnstile, sem guardar dados pessoais.

  4. 04

    Qualidade garantida no CI: lint, TypeScript estrito, testes unitários, fronteiras de dependências, testes end-to-end com Playwright e axe (WCAG 2.2 AA), deteção de segredos e orçamento de Lighthouse (LCP abaixo de 2 s, CLS abaixo de 0,05).

Tecnologia

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

A versão 1 está online num domínio temporário. API, CMS e admin são as próximas fases.

Projeto seguintePassNowPassNow · Plataforma de bilhética