🗾

Events in Tokyo

Page 5 of 5 • 6 events per page

Route: /events/tokyo/5
5
Current Page
6
Events Shown
30
Total Events
JST
Timezone
Workshop #25

Business Workshop 25

5/31/2026 at 2:00 AM
Tokyo Convention Center Hall B
166 attending
$109
Meetup #26

Health Meetup 26

6/1/2026 at 3:00 PM
Tokyo Convention Center Hall C
240 attending
$71
Seminar #27

Education Seminar 27

6/2/2026 at 4:00 AM
Tokyo Convention Center Hall D
193 attending
Free
Concert #28

Tech Concert 28

6/3/2026 at 5:00 PM
Tokyo Convention Center Hall E
152 attending
$38
Festival #29

Art Festival 29

6/4/2026 at 6:00 AM
Tokyo Convention Center Hall F
238 attending
$65
Conference #30

Music Conference 30

6/5/2026 at 7:00 PM
Tokyo Convention Center Hall A
117 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="5"

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>