Rachid Metalúrgica
Site institucional para empresa de metalurgia. Landing page (página de destino) moderna com formulário de contato, hospedagem edge (implantação em borda) na Cloudflare e backend leve com Hono para roteamento e envio de e-mails.
Site institucional para Rachid Metalúrgica, empresa do setor metalúrgico. Repositório privado.
Conceitos fundamentais
| Conceito | O que é |
|---|---|
| CTA (Call to Action, Chamada para Ação) | Elemento visual que direciona o usuário a realizar uma ação, como enviar mensagem ou entrar em contato. |
| Edge Deploy (implantação em borda) | Código distribuído em servidores próximos ao usuário, reduzindo a latência da requisição. |
| Hono | Framework web minimalista para runtimes de borda como Cloudflare Workers. |
| Cloudflare Workers | Plataforma serverless que executa JavaScript na rede de borda da Cloudflare. |
Stack
Backend
| Tecnologia | Papel |
|---|---|
| Hono | Framework (estrutura de desenvolvimento) web minimalista para roteamento e API (Interface) de contato |
| TypeScript | Tipagem (verificação de tipos) no backend e utilitários |
| Cloudflare Workers | Execução na rede de borda (edge) |
Frontend
| Tecnologia | Papel |
|---|---|
| HTML5 + JavaScript vanilla | Sem overhead (excesso de recursos/código) de framework para site estático |
| Tailwind CSS v4 | Estilização utilitária com CSS (estilo cascata) nativo |
| Cloudflare Pages | Deploy (implantação) e distribuição global pela rede edge |
Destaques
| Padrão | Descrição | Detalhes |
|---|---|---|
| Formulário serverless | Processamento e envio de e-mail via Cloudflare Workers | sem servidor dedicado, sem custo de infraestrutura fixo |
| Zero framework no cliente | HTML5 + JavaScript vanilla, sem SPA | sem dependências de runtime no browser para um site estático |
| Stack no mesmo provedor | Pages (frontend) e Workers (backend) na Cloudflare | deploy unificado, sem latência de rede entre serviços |
| Roteamento tipado | Hono valida e roteia o formulário antes do envio | resposta estruturada em TypeScript antes de disparar o e-mail |
| CTA WhatsApp | Botão de contato direto via WhatsApp | link pré-preenchido com mensagem, sem formulário intermediário |