XP 0

Respondendo JSON (sua primeira API)

res.json

Uma página devolve HTML. Uma API devolve dados puros — no formato JSON — para o front (React) montar a tela como quiser:

app.get("/produtos", function (req, res) {
  res.json([
    { nome: "Planta", preco: 25 },
    { nome: "Vaso", preco: 40 }
  ]);
});

🧠 O que é JSON? É praticamente o mesmo formato dos objetos do JavaScript ({ chave: valor }) — só que como texto, para viajar pela internet. Todo app moderno conversa em JSON.

💡 Por que devolver dados e não HTML? Assim o mesmo back-end serve o site, o app do celular e parceiros. A API é a "fonte da verdade"; cada front decide como mostrar.

Pontos-chave

  • res.json(dados)
    responde dados em JSON — o formato universal das APIs.