https://github.com/formspree/formspree-example-netlify-plugin

https://github.com/formspree/formspree-example-netlify-plugin

Last synced: 27 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/formspree/formspree-example-netlify-plugin
• Owner: formspree
• License: other
• Created: 2022-08-31T23:21:29.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-04T16:17:57.000Z (almost 2 years ago)
• Last Synced: 2023-02-27T08:46:44.152Z (almost 2 years ago)
• Language: TypeScript
• Size: 2.12 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# formspree-example-netlify-plugin

An event registration website powered by Vite and React, configured for easy deployment to Netlify.

![Maxcon website screenshot](/public/screenshot.png?raw=true "Maxcon 2024 event website screenshot")

This template includes the Formspree CLI plugin, along with a formspree.json file pre-configured for a registration form that sends to Discord.

![Discord screenshot](/public/discord-screenshot.png?raw=true "Submission received screenshot")

## How to deploy

Just click the button!

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/formspree/formspree-example-netlify-plugin)

You'll be asked to include the following values to populate the site's environment variables:

```

VITE_FORMSPREE_PROJECT_ID = "Formspree CLI project ID"

FORMSPREE_DEPLOY_KEY = "Formspree CLI project deploy key"

DISCORD_WEBHOOK_URL = "Discord webhook URL"

```

To get the Formspree CLI project ID and deploy key, create a new CLI project. The project id and deploy key will be shown in the sidebar.

To create a discord webhook to receive form submissions follow the guidance on the discord help site: https://support.discord.com/hc/en-us/articles/228383668-Intro-to-Webhooks