🌉
Events in San Francisco
Page 4 of 5 • 6 events per page
Route: /events/san-francisco/4
4
Current Page
6
Events Shown
30
Total Events
PST
Timezone
Workshop
#19
Health Workshop 19
7/9/2026 at 8:00 AM
San Francisco Convention Center Hall B
135 attending
$57 Meetup
#20
Education Meetup 20
7/10/2026 at 9:00 PM
San Francisco Convention Center Hall C
74 attending
$77 Seminar
#21
Tech Seminar 21
7/11/2026 at 10:00 AM
San Francisco Convention Center Hall D
62 attending
Free Concert
#22
Art Concert 22
7/12/2026 at 11:00 PM
San Francisco Convention Center Hall E
163 attending
$99 Festival
#23
Music Festival 23
7/13/2026 at 12:00 AM
San Francisco Convention Center Hall F
112 attending
$29 Conference
#24
Food Conference 24
7/14/2026 at 1:00 PM
San Francisco Convention Center Hall A
155 attending
Free Pagination Route Details
File path:
/pages/events/[city]/[page].astro
Static paths:
Pre-generated for 5 cities × 5 pages = 25 routes
Current params:
city="san-francisco", page="4"
Pagination Implementation
---
export function getStaticPaths() {
const cities = ['san-francisco', 'new-york', 'london'];
const maxPages = 5;
return cities.flatMap(city =>
Array.from({ length: maxPages }, (_, i) => ({
params: {
city: city,
page: (i + 1).toString()
}
}))
);
}
const { city, page } = Astro.params;
const currentPage = parseInt(page || '1');
const events = getEventsForPage(city, currentPage);
---
<h1>Events in {city} - Page {currentPage}</h1>