Update the build forms recipe to use actions instead.

[Abdo-reda]

📚 Subject area/topic

HTML forms, and Actions

📋 Page(s) affected (or suggested, for new content)

https://docs.astro.build/en/recipes/build-forms/

📋 Description of content that is out-of-date or incorrect

This recipe uses standard handling of html. A section should be included to use actions instead because that's the updated way and a more cleaner way of handling forms in astro.

🖥️ Reproduction in StackBlitz (if reporting incorrect content or code samples)

No response

[sarah11918]

Hi! I think we would welcome an update to have a recipe building forms with Actions!

Since there may be people who, for whatever reason, might prefer not to use actions, perhaps we can update this recipe to show the exact same thing using actions, and also keep the original at the bottom as an alternative. (Also, we need to update the prerequisite for how server-rendering is now handled!)

Maybe something like:

# Build HTML forms in Astro Pages

With a server adapter, Astro pages can both display and handle forms. In this recipe, you’ll use Astro actions to submit form data to the server and check for errors.

<ReadMore>See how to use a standard HTML form without actions to submit data to the server. Your frontmatter script will handle the data on the server, sending no JavaScript to the client.</ReadMore>

Prerequisites
A project with [a server adapter](/en/guides/on-demand-rendering/#server-adapters) installed.

I will add help wanted on this issue for anyone who would like to update the recipe! 🙌

[Abdo-reda]

yes I completely agree, including both approaches would be nice.

[sarah11918]

Quick resolution could be something like what we have on our i18n recipe page, with a tip pointing to a more updated way to do this now with Actions:

In v5.0, Astro added actions which provide several benefits over basic HTML forms including validating your form data and updating your UI based on the form submission, all without any client-side JavaScript zero JS. If you want to use this method for building forms instead, see our actions guide to learn about these features.

Otherwise, a full recipe on this page would still be welcomed so that someone doesn't have to put all the pieces together from the main guide page!