Estudo de caso The Chef Churrascaria Recife
Uma churrascaria em Manaus, do primeiro olhar até o pedido.
- Cliente
- The Chef Churrascaria Recife
- Tipo
- Site de restaurante & sistema de pedidos
- Papel
- Adaptação do front-end, back-end & integração
- Ano
- 2026
01Visão geral
O site da The Chef Churrascaria Recife, uma churrascaria que abriu em Manaus em 2025, ligado a um cardápio online e a uma API nova feita para o salão: uma só marca em três projetos, com o cardápio servido de um banco de dados de verdade.
02O problema
Um restaurante precisava de uma vitrine pública, de um cardápio que o cliente pudesse navegar e do começo de um sistema de mesas e pedidos. As peças disponíveis estavam soltas: um template de site, um app de cardápio open source com a marca de outro restaurante e um projeto acadêmico de pedidos que já não rodava.
02A abordagem
Aproveitar o que já funcionava e escrever o que faltava. O site foi adaptado de um template open source de restaurante, o app de cardápio veio de um repositório público e foi rebatizado, e o domínio do projeto acadêmico foi reescrito do zero como um back-end novo que os dois podem compartilhar. Os autores originais estão creditados no README do projeto.
03A construção
O que foi de fato construído
- 01
O site institucional em Next.js 15 e React 19, adaptado de um template open source de restaurante (MIT): textos em português, os pratos e a história da casa, a paleta verde e um widget de WhatsApp que abre uma conversa com o restaurante.
- 02
Um back-end novo em Node.js, Express, TypeScript e Prisma sobre SQLite, escrito para este sistema: usuários com papéis de admin, garçom e cozinha, comandas e pedidos cujo status vai de preparação a pronto e entregue, protegidos por autenticação JWT, checagem de papel e validação com Zod.
- 03
Uma API de catálogo que reproduz os endpoints que o app de cardápio já esperava, populada com o cardápio real do restaurante (picanha, alcatra, costela de tambaqui e mais) e reaproveitando as fotos de pratos do próprio site.
- 04
A integração: o app de cardápio religado à API nova por variável de ambiente, os textos rebatizados de “Bravus Burger” para The Chef e os dois front-ends ligados entre si, com “Fazer Pedido” no site e um caminho de volta a partir do cardápio.
Tecnologia
- Next.js
- React
- TypeScript
- Tailwind CSS
- Vite
- styled-components
- Node.js
- Express
- Prisma
- SQLite
- Zod
- JWT
- Vercel
04A experiência
05Onde está hoje
O site está no ar na Vercel. O app de cardápio e a API por enquanto rodam localmente; as rotas de comandas e pedidos já existem na API, mas ainda não têm telas, e a imagem do logo do app de cardápio ainda é a da marca original.
