🗾
Events in Tokyo
Page 3 of 5 • 6 events per page
Route: /events/tokyo/3
3
Current Page
6
Events Shown
30
Total Events
JST
Timezone
Workshop
#13
Education Workshop 13
4/4/2026 at 2:00 AM
Tokyo Convention Center Hall B
242 attending
$118 Meetup
#14
Tech Meetup 14
4/5/2026 at 3:00 PM
Tokyo Convention Center Hall C
108 attending
$73 Seminar
#15
Art Seminar 15
4/6/2026 at 4:00 AM
Tokyo Convention Center Hall D
109 attending
Free Concert
#16
Music Concert 16
4/7/2026 at 5:00 PM
Tokyo Convention Center Hall E
206 attending
$80 Festival
#17
Food Festival 17
4/8/2026 at 6:00 AM
Tokyo Convention Center Hall F
241 attending
$87 Conference
#18
Business Conference 18
4/9/2026 at 7:00 PM
Tokyo Convention Center Hall A
145 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="tokyo", page="3"
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>