Digite para filtrar os verbetes do Glossário.

    Desenvolvimento web · Vibe Coding: Do Zero ao MVP

    O que é Inertia?

    Inertia conecta o backend Laravel ao frontend React sem uma API separada. Entenda a entrega da página, o estado compartilhado e o limite de uso no projeto.

    Também chamado de: Inertia.js

    O que é o Inertia

    Inertia é uma camada que conecta o backend a um frontend de componentes. Em vez de manter uma API e chamá-la a cada tela, a página é entregue junto do estado que a interface precisa.

    O backend monta a versão da página, e o frontend recebe os dados e o componente correspondente. A navegação troca a página sem recarregar o navegador.

    A entrega da página

    Cada rota devolve o estado e o componente que deve renderizar. O frontend usa esse estado como entrada, e a troca de página faz uma ida ao servidor para buscar a próxima.

    O limite do modelo

    O Inertia fica confortável quando o frontend e o backend pertencem à mesma aplicação. Quando outros clientes consomem os dados, o modelo de API passa a fazer sentido.

    A escolha depende de quem mais toca o sistema. Um painel só dentro da aplicação aproveita a simplicidade, e um app móvel pede uma interface própria.

    A relação com o framework

    O Inertia segue as convenções do framework do backend, como rotas e controladores. O frontend em React consome o estado com o contrato combinado.

    Para revisar a integração entre backend e interface de um projeto, o Desenvolvimento Colaborativo da Dev Side Studio permite trabalhar as rotas e a tela durante a sessão.

    Dúvidas frequentes

    Perguntas frequentes sobre Inertia

    Inertia cria uma API?
    Não. Ele entrega o estado da página junto da resposta, e o frontend usa esse estado. A comunicação existe, mas não vira uma API com endpoints para o cliente.
    O Inertia substitui o React?
    Não. O [React](/glossario/react/) continua montando a interface, e o Inertia resolve a entrega dos dados e da navegação entre as páginas.
    Quando o Inertia não é a melhor escolha?
    Quando outra aplicação também consome os dados. Se o banco precisa responder ao app móvel e a outros serviços, um [backend](/glossario/backend/) com API própria atende melhor o conjunto.

    Para continuar

    Recursos relacionados

    Aplicação na formação

    Vibe Coding: Do Zero ao MVP

    O Inertia une o backend que serve a página com o frontend em React do projeto.

    Conhecer a formação
    Capa da Formação Vibe Coding do Zero ao MVP

    Fontes consultadas

    Referências deste verbete

    Este verbete ajudou você?

    Planos Promovaweb

    Tire seus projetos do papel

    O Plano Martech cobre automação e atendimento. O Plano IA Makers acrescenta desenvolvimento com IA, enquanto o Plano Founders trata de gestão de negócios. Todos são anuais.

    Plano Martech

    Para conectar automação, marketing e atendimento com infraestrutura própria.

    R$ 897

    R$ 597/ano

    • Grade de automação, atendimento, marketing e análise de indicadores
    • Instalador Exclusivo Promovaweb
    • n8n, Evolution API, Chatwoot e Mautic
    • Trilha DevOps incluída
    • Encontros ao vivo (terça e quinta)
    • Comunidade e acompanhamento
    Conhecer o plano

    Plano Founders

    Plano anual para fazer um projeto de tecnologia avançar, com 90 dias de mentoria intensiva. R$ 1.997 à vista ou até 10x de R$ 219 no cartão.

    R$ 1.997/ano

    • 12 meses de acesso ao Founders
    • 90 dias de mentoria intensiva, um encontro por dia útil
    • Dia de conteúdo (terça e quinta) e War Room (segunda, quarta e sexta)
    • Encontro semanal em grupo após a fase intensiva
    • Formação Vibe Coding incluída no plano anual
    • Consultoria individual de até duas horas (bônus)
    Conhecer o plano