Category URL Structure

SEO-friendly URLs with category paths for products and subcategories.

Updated April 3, 2026

On this page

Overview

Products live under their category path in the URL structure. This improves SEO by giving search engines clear topical signals and creating clean breadcrumbs.

URL Patterns

/{parent-category}                              → Category page
/{parent-category}/{child-category}              → Subcategory page
/{parent-category}/{child-category}/{product}    → Product page
/{parent-category}/{product}                     → Product under parent (no subcategory)

/thca-flower                                     → All THCA flower
/thca-flower/indoor                              → Indoor subcategory
/thca-flower/indoor/blue-dream                   → Product page
/thca-concentrates/badder/chernobyl              → Product under subcategory
/thc-edibles/peanut-butter-cup                   → Product directly under parent

app/
  thca-flower/
    page.tsx                    → Category page (SSR with SEO content)
    [productSlug]/page.tsx      → Product under parent category
    indoor/
      page.tsx                  → Subcategory page
      [productSlug]/page.tsx    → Product under subcategory
    exotic/
      page.tsx
      [productSlug]/page.tsx
  thca-concentrates/
    page.tsx
    badder/
      page.tsx
      [productSlug]/page.tsx

typescript

// app/thca-flower/indoor/[productSlug]/page.tsx
import CategoryProductPage from "@/components/category-product-page"

export default async function Page({ params }) {
  const { productSlug } = await params
  return <CategoryProductPage slug={productSlug} categoryPath="thca-flower/indoor" />
}

typescript

const { products } = await dash.products.list({ limit: 1000 })

products.map((p) => {
  const slug = p.url_slug || p.slug
  // url_slug includes category path for variation pages
  if (slug.includes("/")) return { url: `${base}/${slug}` }
  // Build path from category data
  const cat = p.category
  if (cat?.parent) return { url: `${base}/${cat.parent.slug}/${cat.slug}/${slug}` }
  if (cat) return { url: `${base}/${cat.slug}/${slug}` }
  return { url: `${base}/products/${slug}` }
})

Category URL Structure

Category URL Structure

Overview

URL Patterns

Examples

Next.js App Router Structure

Shared Product Page Component

Redirects

Sitemap