pages/explore/by-slug

Purpose

Canonical SEO-friendly slug URLs for curated sample trips at /explore/by-slug/<slug>. Resolves slug to a Convex document ID server-side and renders the same <SampleDetailView> as /explore/<id>.

Key Files

File	Description
`[slug].astro`	`/explore/by-slug/<slug>` - SSR-fetches `sampleTrips:getCuratedBySlug` via Convex HTTP; redirects to `/explore` on missing slug or 404 from Convex; sets 5-min cache + SWR headers; mounts `<SampleDetailView sampleId={tripId}>`

For AI Agents

Working In This Directory

This route exists to provide human-readable, SEO-indexable URLs; the [id].astro sibling uses Convex document IDs which are opaque
If the Convex query returns no document or an error, the page redirects to /explore rather than 404 - preserve this behavior
tripId (the Convex _id) is resolved at SSR time and passed as sampleId to <SampleDetailView>; the component never re-fetches by slug
Cache-Control header (public, max-age=300, stale-while-revalidate=86400) mirrors [id].astro; keep them in sync

Common Patterns

Frontmatter script calls PUBLIC_CONVEX_URL/api/query with sampleTrips:getCuratedBySlug and falls through return Astro.redirect("/explore") on any failure
requireConsentFromHeaders(Astro.request.headers) passed to <BaseHead> for GDPR-aware analytics

Dependencies

Internal

src/modules/explore/ - SampleDetailView component
src/modules/common/utils/geoConsent - requireConsentFromHeaders
convex/sampleTrips.ts - getCuratedBySlug query (called via Convex HTTP)

External

astro, react (SampleDetailView hydrated with client:load)