Next.js on Vercel
This is a step by step guide on how to receive webhooks from qstash in your Next.js app.
Create a new nextjs app named `qstash-receiver`
There are great tutorials on how to setup Next.js on Vercel, so I won’t go into details here.
Install qstash
Write your function
verifySignature
or verifySignatureEdge
will try to load QSTASH_CURRENT_SIGNING_KEY
and
QSTASH_NEXT_SIGNING_KEY
from the environment. If one of them is missing, an
error is thrown. We will set these in step 5.
Deploy to Vercel
I’m deploying using Vercel’s CLI, but you could
also push your project to a remote repo and deploy that way. If you have never
used the cli, please run npx vercel login
before.
See here
You can accept all the default settings.
Set Signing Keys in Vercel
Go to your project’s settings and set the following environment variables:
Redeploy to use the new environment variables
To make the added environment variables take effect, you must redeploy your project.
Publish a message
Go to your project’s logs and then publish a new message.
In the logs you should see something like this:
That’s it, you have successfully created a secure Next.js API route, that receives and verifies incoming webhooks from qstash.
Learn more about publishing a message to qstash here
Was this page helpful?