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

Estudo de caso Castteli Technology

Um site institucional, construído como a plataforma que vai virar.

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 plataforma dela vai crescer: um monorepo tipado em que conteúdo, configuração e segurança são pensados como um só sistema.

Uma marca nova de tecnologia precisa de presença pública agora, enquanto API, CMS e admin vêm depois. A maioria dos primeiros sites vai para o lixo no dia em que a plataforma de verdade chega.

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

O que foi de fato 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 design, e deploys de preview e staging que nunca podem ser indexados.

  3. 03

    Headers de segurança e CSP, e um formulário de contato com checagem estrita de origem, honeypot, tempo mínimo e Turnstile, sem armazenar dados pessoais.

  4. 04

    Qualidade garantida no CI: lint, TypeScript estrito, testes unitários, fronteiras de dependência, testes end-to-end com Playwright e axe (WCAG 2.2 AA), varredura de secrets 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á no ar em um domínio temporário. API, CMS e admin são as próximas fases.

Próximo projetoPassNowPassNow · Plataforma de ingressos