Cloudflare Pages & Workers Suite

5 Modelos de Arquitetura HTML para App

Projetados para implantação ultrarrápida na borda global da Cloudflare, com conformidade total às diretrizes clínicas e de engenharia comportamental do Tratado TDAH.

NOVO • EXPERIMENTAÇÃO TRANSLACIONAL

Cloudflare Layout Studio & Device Simulator

Experimente e compare 5 paradigmas visuais neurocognitivos (Cyber Neumorphic, OLED Focus, Clinical Glass, Material You 3, Bionic E-Ink) em todas as 16 telas clínicas diretamente no seu smartphone ou em simulador desktop com comparação A/B lado a lado e sincronização no APK Android.

Abrir Layout Studio (/studio)
01
PWA & Mobile-First

Mobile App Shell (Prótese Executiva)

Layout otimizado para toque em smartphones, com navegação por barra inferior fixa, suporte a safe-areas, simulação háptica e manifesto PWA offline.

  • Bottom Navigation Bar com 4 abas táteis
  • Botão de Reset de Emergência Amigdalar
  • Ponto de Desempenho (Barkley) com checklist
  • Service Worker offline com cache inteligente
Abrir Modelo 1
02
Analytics & Clinical Portal

Dashboard Clínico & Telemetria

Painel denso para desktop e tablet com visualização de biomarcadores (HRV, latência sacádica), curvas circadianas SVG e alertas farmacogenômicos.

  • Sidebar retrátil e cabeçalho com ações de exportação
  • KPI Cards com deltas percentuais
  • Gráficos em SVG puro (sem bibliotecas externas)
  • Tabela de posologia com validação de status
Abrir Modelo 2
03
Workers & Edge SSR

Edge Server-Rendered Micro-App

Aplicação projetada para Cloudflare Workers / Pages Functions, com injeção de metadados geográficos da borda e validador clínico em milissegundos.

  • Exibição de Datacenter Colo (GRU), CF-Ray e ASN
  • Validador de interações farmacológicas na borda
  • Demonstração de baixa latência TTFB (< 15ms)
  • Pronto para streaming de HTML via HTMLRewriter
Abrir Modelo 3
04
Landing Page & Distribuição

App Showcase & Download do APK

Página de alta conversão para o aplicativo, com mockup 3D CSS de smartphone, QR Code SVG dinâmico, hash SHA-256 e FAQ técnico de instalação.

  • Hero section com smartphone 3D interativo
  • Download direto de binários APK com verificação
  • QR Code gerado sem dependências externas
  • Acordeão com perguntas frequentes
Abrir Modelo 4
05
Zero Distraction / Kiosk

Modo Foco & Kiosk Minimalista

Interface para hiperfoco sem estímulos visuais concorrentes. Modos Dark OLED, E-ink e Âmbar Noturno com sintetizador de som DSP via Web Audio API.

  • Timer Pomodoro isocrônico em tela cheia com barra
  • Sintetizador de Ruído Marrom e 40Hz Gama (Web Audio)
  • Brain Dump com auto-save para pensamentos intrusivos
  • Atalhos de teclado (Espaço e F para tela cheia)
Abrir Modelo 5

Como Publicar no Cloudflare Pages via CLI ou Git

Toda a estrutura necessária (wrangler.toml, _headers, _redirects e functions/) já está configurada neste diretório.

# Opção 1: Deploy direto com Wrangler (Cloudflare CLI)
npx wrangler pages deploy cloudflare --project-name=neurotech-tdha-app

# Opção 2: Conectar ao repositório GitHub
# - Build command: (deixar em branco)
# - Build output directory: cloudflare