Neighborhood Landing Pages

Auto-generated SEO landing pages, one per neighborhood. Each page lists all restaurants located in that neighborhood.

Routes

• /neighborhoods/[slug] — slug is the kebab-case lowercase neighborhood name (e.g. north-beach, downtown, mission-district)

The route is automatically registered by placing the page at app/pages/neighborhoods/[slug].vue.

How it works

1. Page reads route.params.slug
2. Fetches all restaurants via useDomain().getRestaurants({ limit: 200 })
3. Filters client-side: restaurant matches if its neighborhood (or addressLocality fallback) normalizes to the slug
4. Renders a grid of XRDProfileCards with SEO meta + OpenGraph

SEO

• <title> and <meta description> derived from neighborhood + city
• OpenGraph + Twitter card meta for social sharing
• Location text on XRDProfileCard links back to the neighborhood page

Discovery

Sitemap includes /neighborhoods as a parent placeholder. For full SEO, extend server/api/__sitemap__/urls.ts to enumerate dynamic neighborhood URLs from the restaurant data.

AI Context

page: neighborhoods/[slug]
package: "@xenterprises/nuxt-x-restaurants"
use-when: >
  Building SEO landing pages for neighborhoods. Same pattern as the cuisine
  landing pages but filtered by addressLocality/neighborhood. Cards link
  back via the location line. SSR-rendered.