🐱

Meet Whiskers

Persian • 5 years old

Route: /pets/cat/whiskers
5
Years Old
Good
Health Status
3
Personality Traits

Personality

Independent Curious Affectionate

Favorite Activities

Napping
Hunting toys
Window watching

Care Activities

These links demonstrate nested dynamic routes with rest parameters:

Feeding Litter-cleaning Grooming Playing

Dynamic Route Details

File path: /pages/apps/router/pets/[species]/[name].astro
URL pattern: /apps/router/pets/[species]/[name]
Extracted params: species="cat", name="whiskers"
Generated for: Every possible species/name combination dynamically

Route Implementation

---
// File: /pages/pets/[species]/[name].astro
export const prerender = false; // SSR for dynamic data

const { species, name } = Astro.params;

// Look up pet data dynamically
const petKey = `${species}-${name?.toLowerCase()}`;
const pet = petDatabase[petKey];

if (!pet) {
  return Astro.redirect('/404');
}
---

<h1>Meet {pet.name}</h1>
<p>{pet.breed} • {pet.age} years old</p>

Try Other Pets

🐱 Whiskers the Persian Cat 🐦 Tweety the Canary 🐹 Nibbles (Not Found Demo)

Visit Info

Last vet visit: 2024-01-10

Health status: Good

Back to Router Examples