Lovable — CRUD Profissional com Filtros, Ordenação, Paginação e Busca

    Manda o Lovable criar um CRUD completo estilo produto SaaS: filtros avançados, paginação, ordenação, busca e estado vazio decente.

    Dev
    paginacao
    lovable
    filtros
    crud
    avançado

    Preencha as variáveis

    0/4 preenchidas

    Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!

    {entidade}
    {campos}
    {filtros}
    {ordenacoes}

    Prompt (prévia ao vivo)

    Você é um dev sênior de produto SaaS. Quero um CRUD profissional no Lovable para a entidade:
    {entidade}
    
    Campos da entidade:
    {campos}
    
    Filtros necessários:
    {filtros}
    
    Ordenações permitidas:
    {ordenacoes}
    
    Entregue:
    1) Modelo de tabela/listagem (colunas + ações)
    2) Filtros (UI) e como eles viram query
    3) Paginação (tamanho, página, total)
    4) Busca (por quais campos, com debounce)
    5) Estados: carregando, vazio, erro
    6) Instruções diretas para o Lovable implementar (componentes + state + query)
    
    Regras:
    - Nunca trave a UI.
    - Sempre preserve filtros na URL (querystring) se possível.
    - Use padrões de nomeação consistentes.

    Exemplos

    Entrada

    entidade: Leads
    campos: id, nome, telefone, status, origem, valorEstimado, ownerId, createdAt
    filtros: status; origem; ownerId; createdAt (range)
    ordenacoes: createdAt desc; valorEstimado desc; nome asc

    Saída esperada

    Tabela: Nome | Telefone | Status | Origem | Valor | Criado em | Ações
    Filtros: dropdown status/origem, date range, owner...
    Paginação: page/pageSize/total
    Instruções Lovable: criar componentes, states, queries, persistir filtros na URL.