- Desenvolvedores
- Guias
- Seu cardápio no seu próprio frontend
Seu cardápio no seu próprio frontend
Leia o cardápio público de um restaurante com uma única chamada, sem chave, e exiba-o com o seu design.
O cardápio público de qualquer restaurante está em https://delimenu.co/api/v1/menus/{identifier}, onde identifier é o mesmo que aparece em https://delimenu.co/{identifier}. Ele retorna exatamente o que um cliente vê: as categorias com pelo menos um produto visível, em ordem, e seus produtos com preços, promoções, disponibilidade, variantes e fotos.
const res = await fetch('https://delimenu.co/api/v1/menus/demo')
const { restaurant, categories } = await res.json()
for (const category of categories) {
console.log(category.name)
for (const product of category.products) {
console.log(' ', product.name, product.price, restaurant.currency)
}
}Pode ser chamado diretamente do navegador (CORS aberto) e fica em cache na borda: cada alteração que você fizer no painel, pela API ou com um agente o atualiza em segundos. Se o restaurante não tiver um plano ativo, responde 403 apenas com o nome dele, assim como a página pública.
Exemplos completos
Dois sites em Next.js que leem um cardápio real com essa única chamada e o exibem com um design próprio. Copie o que preferir e troque o identificador pelo seu.