AI Workshop: learn to build apps with AI →
Routing & SSR: Render different HTML based on HTTP method

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


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