Making Last Two Pages SSR in Astro Pagination

[faiz9068]

Body

Hello Astro community! 👋

I'm working on an events website with Astro 5.7 where I have a paginated events listing. I want to optimize my build process by making only the last two pages server-side rendered (SSR) while keeping all other pages static.

Current Implementation

Here's my current page file that generates all pages statically:

import Layout from "@/layouts/Layout.astro";
import ResourcesPageHeader from "@/components/common/resources/ResourcesPageHeader.astro";
import Pagination from "@/components/common/resources/Pagination.astro";
import type {
  InferGetStaticPropsType,
  GetStaticPaths,
  GetStaticPathsOptions,
} from "astro";
import { getEvents, type Event } from "@/lib/events";
import EventCard from "@/components/events/EventCard.astro";

export const getStaticPaths = (async ({ paginate }: GetStaticPathsOptions) => {
  // Get all events
  const allEvents = await getEvents();
  
  // Create paginated routes with 6 events per page
  return paginate(allEvents, { pageSize: 6 });
}) satisfies GetStaticPaths;

type Props = InferGetStaticPropsType<typeof getStaticPaths>;
const { page } = Astro.props;

What I Want to Achieve

I already have the Vercel adapter configured for SSR, but I'm struggling with:

1. How to modify getStaticPaths to exclude only the last two pages from static generation
2. The best way to structure my route file(s) to support both static pages and the last two SSR pages
3. How to ensure pagination links work correctly across all pages

I know I need to use export const prerender = false; for SSR pages, but I'm not sure how to implement this selectively for just the last two pages of my pagination.

Has anyone implemented selective SSR for pagination in Astro before? I'd appreciate any advice, examples, or approaches that would help me make only the last two pages of my events listing server-rendered while keeping the rest static.

Thank you!