Routing & SSR: Render different HTML based on HTTP method

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


I had the need to render completely different HTML depending on the HTTP method used to reach an Astro page.

I used this technique:

---
//... some server side logic
---

{Astro.request.method === 'POST' &&
  <div>
    //...
  </div>
}

{Astro.request.method === 'DELETE' &&
  <div>
    //...
  </div>
}

{Astro.request.method === 'GET' &&
  <div>
    //...
  </div>
}

Lessons in this unit:

0: Introduction
1: Dynamic routing
2: SSR in Astro
3: API endpoints in Astro
4: Prerendering a component in an SSR page
5: Set cookie and redirect
6: ▶︎ Render different HTML based on HTTP method
7: Decide to render a partial or not dynamically in Astro
8: Fetching data from the network