discord-invite

Embed your Discord guild invite in social media profiles, forum signatures, websites or anywhere that supports third-party hosted images!

Usage 🔗

Embed this image URL anywhere you want:

https://discord-invite.doceazedo.com/[INVITE].svg

You will probably also want to wrap the image with your invite link. You can do this using HTML like so:

<a href="https://discord.gg/XXXXXXXXXX">
	<img src="https://discord-invite.doceazedo.com/XXXXXXXXXX.svg" />
</a>

If you prefer Markdown, it will depend a bit on the flavor used by each platform. In general, you can do something link this:

[![](https://discord-invite.doceazedo.com/XXXXXXXXXX.svg)](https://discord.gg/XXXXXXXXXX)

Or even BBCode:

[url=https://discord.gg/XXXXXXXXXX][img]https://discord-invite.doceazedo.com/XXXXXXXXXX.svg[/img][/url]

You can see the TO-DO list for this project here.

Discord does not offer an official invite widget, but only a guild iframe showing a list of online members and channels.

This app allows anyone to add guild invites anywhere outside of Discord by using just an image that resembles the official in-app invite.

This is possible by using the Discord API to fetch the invite link data and generate the image on the fly using Satori.

This is a SvelteKit app, so everything should work just like any other SvelteKit project.

You can run the development server with:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:5173 with your browser to see the result.

You can start editing the image generator by modifying src/routes/[invite].svg/+server.ts.

This app is edge-ready! And the easiest way to deploy it is on Vercel and you can do that by clicking on this button: