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: 3 months 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-20T13:32:07.000Z (over 1 year ago)
• Last Synced: 2024-10-14T12:38:08.694Z (4 months ago)
• Language: TypeScript
• Homepage: https://vercel-to-discord.vercel.app
• Size: 57.6 KB
• Stars: 3
• Watchers: 1
• Forks: 6
• 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.