Render different HTML based on HTTP method in Astro

Jan 7, 2024

Learn how to render completely different HTML in an Astro page depending on the HTTP method by checking Astro.request.method for POST, GET, or DELETE.

~~~

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>
}

Tagged: Astro · All topics

~~~