This Nuxt project contains three examples of different implementations of Netlify Forms within a Nuxt app. The three examples are separated out into three separate components. Feel free to use and adapt the component code to your needs.
For more information about the implementations, read this blog post explaining each one.
- Simple Netlify Form - The most basic implementation of Netlify Forms
- AJAX Netlify Form - Submitting form data using fetch API
- Conditional Rendering Netlify Form - Using conditionally rendered form elements with Netlify Forms
Download the repository and run from the root directory.
npm install
Navigate to the root directory in a terminal and run.
npm run dev
Follow guidelines set forth about deploying Nuxt apps in Netlify documentation.
To enable Netlify Form detection, follow guidelines set out in Netlify Forms documentation.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.