The Menus endpoint provides comprehensive menu information for venues, including food and drink items, pricing, dietary information, and menu categories. This is essential for dining apps, dating apps, and any application that needs to display what venues offer.

Endpoint

GET /v1/establishments/menus/{venueId}

Caching

If you are caching the venue details, you should only cache the venue ID. Do not cache the full venue details response, as the data changes frequently and must always be fetched fresh for accuracy and compliance.

Parameters

id (required)

The venue ID obtained from search results or other InBe endpoints.

Response structure

Menus response

type Menu = {
  name: string;
  description?: string;
  price?: number;
  sections: MenuSection[];
};
 
type MenuSection = {
  name: string;
  description?: string;
  price?: number;
  subSections?: MenuSection[];
  items: MenuItem[];
};
 
type MenuItem = {
  name: string;
  description?: string;
  ingredients?: string[];
  price?: number;
  calories?: number;
  dietaryFlags?: string[];
  choices?: MenuItemChoice[];
};
 
type MenuItemChoice = {
  name: string;
  description?: string;
  choiceType: "SINGLE" | "GROUP";
  price?: number;
  choices?: MenuItemChoice[];
  required?: boolean;
  minSelections?: number;
  maxSelections?: number;
  options: MenuItemChoiceOption[];
};
 
type MenuItemChoiceOption = {
  name: string;
  description?: string;
  price?: number;
  calories?: number;
  dietaryFlags?: string[];
  defaultSelected?: boolean;
  maxQuantity?: number;
  minQuantity?: number;
};

Real-world examples

TypeScript

class RestaurantDiscovery {
  async showVenueWithMenu(venueId: string) {
    const [basicDetails, menuData] = await Promise.all([
      fetch(`/v1/establishments/basic/${venueId}`),
      fetch(`/v1/establishments/menus/${venueId}`),
    ]);
 
    const venue = await basicDetails.json();
    const menu = await menuData.json();
 
    this.displayVenueProfile(venue, menu);
  }
 
  private displayVenueProfile(venue: BasicVenueDetails, menu: Menu[]) {
    const profileHTML = `
      <div class="venue-profile">
        <div class="venue-header">
          <h1>${venue.name}</h1>
          <p>${venue.description}</p>
          <div class="rating">⭐ ${venue.rating}</div>
        </div>
        
        <div class="menu-preview">
          <h2>What's on the Menu</h2>
          ${this.renderMenuPreview(menu)}
        </div>
        
        <div class="full-menu">
          <h2>Full Menu</h2>
          ${this.renderFullMenu(menu)}
        </div>
      </div>
    `;
 
    document.getElementById("venue-profile")!.innerHTML = profileHTML;
  }
 
  private renderMenuPreview(menu: Menu[]): string {
    const previewItems = menu
      .flatMap((m) => m.sections)
      .flatMap((s) => s.items)
      .slice(0, 6); // Show first 6 items
 
    return `
      <div class="menu-preview-grid">
        ${previewItems
          .map(
            (item) => `
          <div class="preview-item">
            <h4>${item.name}</h4>
            ${item.description ? `<p>${item.description}</p>` : ""}
            ${item.price ? `<span class="price">£${(Number(item.price) / 100).toFixed(2)}</span>` : ""}
          </div>
        `,
          )
          .join("")}
      </div>
    `;
  }
 
  private renderFullMenu(menu: Menu[]): string {
    return menu
      .map(
        (menuSection) => `
      <div class="menu-section">
        <h3>${menuSection.name}</h3>
        ${menuSection.description ? `<p>${menuSection.description}</p>` : ""}
        ${menuSection.price ? `<p class="menu-price">£${(Number(menuSection.price) / 100).toFixed(2)}</p>` : ""}
        ${menuSection.sections
          .map(
            (section) => `
          <div class="section">
            <h4>${section.name}</h4>
            ${section.description ? `<p>${section.description}</p>` : ""}
            ${section.price ? `<p class="section-price">£${(Number(section.price) / 100).toFixed(2)}</p>` : ""}
            <div class="items">
              ${section.items
                .map(
                  (item) => `
                <div class="menu-item">
                  <div class="item-header">
                    <h5>${item.name}</h5>
                    ${item.price ? `<span class="price">£${(Number(item.price) / 100).toFixed(2)}</span>` : ""}
                  </div>
                  ${item.description ? `<p>${item.description}</p>` : ""}
                  <div class="item-tags">
                    ${item.dietaryFlags && item.dietaryFlags.length > 0 ? item.dietaryFlags.map((diet) => `<span class="tag dietary">${diet}</span>`).join("") : ""}
                    ${item.ingredients && item.ingredients.length > 0 ? item.ingredients.map((ingredient) => `<span class="tag ingredient">${ingredient}</span>`).join("") : ""}
                  </div>
                </div>
              `,
                )
                .join("")}
            </div>
          </div>
        `,
          )
          .join("")}
      </div>
    `,
      )
      .join("");
  }
}

Best practice

Dietary due diligence: The user should be informed that it is their responsibility to ensure the venue is compliant with their dietary requirements.