Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rewbs/vercel-to-discord
See Vercel deployment events in Discord (receives a deployment webhook from Vercel and sends it to a Discord message webhook).
https://github.com/rewbs/vercel-to-discord
Last synced: about 1 month ago
JSON representation
See Vercel deployment events in Discord (receives a deployment webhook from Vercel and sends it to a Discord message webhook).
- Host: GitHub
- URL: https://github.com/rewbs/vercel-to-discord
- Owner: rewbs
- License: mit
- Created: 2023-11-20T13:07:09.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2023-11-20T13:32:07.000Z (12 months ago)
- Last Synced: 2023-11-20T14:29:25.239Z (12 months ago)
- Language: TypeScript
- Homepage: https://vercel-to-discord.vercel.app
- Size: 57.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vercel deployment events in Discord
This is an extremely simple next.js app that enables you to show Vercel deployment events in Discord.
![image](https://github.com/rewbs/vercel-to-discord/assets/74455/7566e76c-d848-4284-9ecf-eefee2ca6437)
## Setup
1. Configure Vercel to emit a webhook to your instance of this app when deployments occur. The endpoint should be: `https:///api/vercel-webhook`
![image](https://github.com/rewbs/vercel-to-discord/assets/74455/d62d4ad1-6c8a-4839-8b57-c3f92487465d)
2. Configure your Discord server with a webhook for receiving messages and sending them to a specific channel:
![image](https://github.com/rewbs/vercel-to-discord/assets/74455/25162948-fc16-4865-b356-584d1566c704)
3. Deploy the service with the following envionment variables:
```
# Get this from the Vercel webui when setting up your webhook
VERCEL_WEBHOOK_INTEGRATION_SECRET=VAn**********************# Get this from the Discord UI when setting up a destination webhook
DISCORD_WEBHOOK_URL=https://discord.com/api/webhooks/**************/39NQ**************************************************************
```## Development
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
To run locally:
```bash
pnpm dev
```Then expose it on the internet via your favourite port-forwarding tool (ngrok, or vs code port forwarding etc...).
Make sure you've set up the appropriate env vars as per setup instructions above.