🌉

Events in San Francisco

Page 2 of 5 • 6 events per page

Route: /events/san-francisco/2
2
Current Page
6
Events Shown
30
Total Events
PST
Timezone
Workshop #7

Tech Workshop 7

3/29/2026 at 8:00 AM
San Francisco Convention Center Hall B
64 attending
$60
Meetup #8

Art Meetup 8

3/30/2026 at 9:00 PM
San Francisco Convention Center Hall C
183 attending
$36
Seminar #9

Music Seminar 9

3/31/2026 at 10:00 AM
San Francisco Convention Center Hall D
217 attending
Free
Concert #10

Food Concert 10

4/1/2026 at 11:00 PM
San Francisco Convention Center Hall E
183 attending
$67
Festival #11

Business Festival 11

4/2/2026 at 12:00 AM
San Francisco Convention Center Hall F
51 attending
$93
Conference #12

Health Conference 12

4/3/2026 at 1:00 PM
San Francisco Convention Center Hall A
242 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="2"

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>