Jupiter Apple
← Playbooks
Lojas e sites 60 dias Avançado

Criação de Site Laravel

Construção de site institucional ou landing page com Laravel + Filament.

Executar este playbook na plataforma

Etapas

  1. 1. Levantamento e arquitetura
  2. 2. Desenvolvimento
  3. 3. Deploy e entrega

Etapa 1 — Levantamento e arquitetura

Entender requisitos e desenhar a solução.

Briefing inicial com o cliente

2h Básico

Conversa estruturada para entender objetivos, contexto e restrições.

O que é o briefing inicial

O briefing é a primeira conversa estruturada do projeto. Ele alinha expectativas, descobre restrições escondidas e define o que é sucesso.

Como conduzir

  1. Apresentação do projeto e do que será feito.
  2. Perguntas abertas sobre o problema que motivou o projeto.
  3. Perguntas fechadas sobre restrições (prazo, orçamento, marca, técnico).
  4. Resumo verbal: "ouvi X, Y e Z — confirma?".
  5. Próximos passos e prazos para resposta.

Critérios de qualidade

  • Foi gravado/transcrito (com autorização).
  • O cliente confirmou o resumo.
  • Foram identificados os principais riscos.

Checklist

  • Agendar reunião de briefing
  • Preparar lista de perguntas
  • Conduzir reunião com gravação/transcrição
  • Escrever resumo estruturado
  • Enviar para confirmação do cliente

Ferramentas

  • Bloco de notas

Entregável

Resumo escrito do briefing + ata da reunião.

Desenhar arquitetura técnica

8h Avançado

Definir stack, estrutura de pastas, banco de dados.

Arquitetura

Decisões aqui custam caro depois. Pense na manutenção, não só na entrega.

Stack típica Integrare

  • Laravel 12, PHP 8.2+
  • Filament 5 para admin
  • Tailwind CSS no front
  • PostgreSQL ou MySQL
  • Hospedagem HestiaCP

Diretrizes

  • Domain-Driven se o escopo justificar.
  • Models flat se for site simples.
  • Sempre com testes desde o início.

Checklist

  • Definir stack
  • Desenhar modelo de dados
  • Desenhar fluxos críticos
  • Definir estrutura de pastas

Ferramentas

Entregável

Documento de arquitetura com diagramas.

Etapa 2 — Desenvolvimento

Implementação iterativa com testes.

Setup do projeto Laravel

4h Intermediário

Criar repositório, instalar pacotes, configurar ambiente.

Setup

Setup bem feito economiza dias depois. Inclui ambiente local, hospedagem, CI básica e deploy.

Checklist típico

  • composer create-project laravel/laravel
  • git init e remote
  • .env.example completo
  • Filament + Livewire instalados
  • Vite configurado para Tailwind
  • Phpunit rodando local

Checklist

  • composer create-project
  • Configurar .env
  • Instalar Filament/Livewire
  • Configurar Vite
  • Validar phpunit

Ferramentas

  • Composer
  • Git

Entregável

Repositório com setup mínimo e CI rodando.

Criar models, migrations e CRUDs base

16h Avançado

Implementar entidades principais com testes.

Models e CRUDs

Cada entidade do modelo de dados vira: migration → model → factory → Resource Filament (admin) ou views públicas.

Diretrizes

  • Migrations imutáveis depois de prod.
  • Casts e fillable sempre explicitos.
  • Factories desde o início (testes dependem).
  • Resources Filament com tabelas, forms e empty states completos.

Critérios

  • Testes de model passando.
  • Resource CRUD funcional.

Checklist

  • Migration por entidade
  • Model com casts
  • Factory
  • Resource Filament
  • Testes do model

Entregável

Models + migrations + Resources Filament por entidade.

Implementar páginas públicas (front)

24h Intermediário

Construir as views públicas com Blade e Tailwind.

Páginas públicas

Layout responsivo, acessível e otimizado. Tailwind cobre 95% do CSS.

Diretrizes

  • Mobile-first.
  • Componentes Blade reutilizáveis (x- tags).
  • Imagens otimizadas (lazy, srcset).
  • Schema.org JSON-LD nas páginas relevantes.

Critérios

  • Lighthouse mobile > 90.
  • WCAG nível AA.

Checklist

  • Layout base
  • Componentes reutilizáveis
  • Otimização de imagens
  • JSON-LD
  • Testar Lighthouse

Ferramentas

  • Lighthouse

Entregável

Páginas públicas funcionais e responsivas.

Etapa 3 — Deploy e entrega

Publicar em produção e fechar projeto.

Deploy em produção (HestiaCP)

6h Avançado

Subir o site, configurar SSL, monitoramento.

Deploy

Sites Integrare rodam em HestiaCP. Cada deploy segue o mesmo ritual.

Checklist obrigatório

  • Pull do main na pasta web do domínio.
  • composer install --no-dev --optimize-autoloader.
  • npm ci && npm run build.
  • .env de produção configurado (NUNCA commitar).
  • php artisan migrate --force.
  • php artisan optimize.
  • Permissões: chown ivan:www-data, chmod 775 storage/ bootstrap/cache.
  • SSL via Let's Encrypt.

Critérios

  • Site responde 200 no domínio final.
  • HTTPS forçado.
  • /admin acessível.

Checklist

  • Pull do código
  • composer install prod
  • npm build
  • Configurar .env
  • Rodar migrations
  • Ajustar permissões
  • Configurar SSL

Entregável

Site no ar com SSL ativo.

Entrega final e encerramento

4h Básico

Hand-off completo, transferência de conhecimento e fechamento.

Para que serve

Encerrar formalmente o projeto, entregar tudo que foi prometido e garantir que o cliente sabe operar sem você.

Estrutura

  1. Conferência do escopo: tudo que estava no briefing foi entregue?
  2. Documentação de tudo que foi entregue.
  3. Treinamento ou repasse para o time do cliente.
  4. Pesquisa de satisfação.
  5. Próximos passos (manutenção, evoluções).

Critérios de qualidade

  • Cliente assinou aceite formal.
  • Documentação está completa e acessível.
  • NPS coletado.

Checklist

  • Conferir escopo entregue
  • Consolidar documentação
  • Treinar/repassar para o cliente
  • Coletar NPS
  • Obter aceite formal

Entregável

Aceite formal + documentação consolidada + NPS.

Termos do assunto

Ver o assunto completo →
Presença digital Domínio próprio Identidade visual Landing page

Na plataforma

Este playbook vira um projeto executável.

Kanban com as etapas na ordem, checklists por passo e assistente de IA acompanhando a execução — o texto é aberto; a execução organizada é o produto.

Executar este playbook na plataforma Conhecer a plataforma
Ivan
Jupiter Apple
Mensagens desta conversa ficam com a equipe.