Back to Trigger

Vercel Docs Cards

docs/snippets/vercel-docs-cards.mdx

4.4.51.5 KB
Original Source

Learn more about Next.js and Trigger.dev

Walk-through guides from development to deployment

<CardGroup cols={2}> <Card title="Next.js - setup guide" icon="N" href="/guides/frameworks/nextjs"> Learn how to setup Trigger.dev with Next.js, using either the pages or app router. </Card>

<Card title="Next.js - triggering tasks using webhooks" icon="N" href="/guides/frameworks/nextjs-webhooks"

Learn how to create a webhook handler for incoming webhooks in a Next.js app, and trigger a task from it.
</Card> </CardGroup>

Task examples

<CardGroup cols={2}> <Card title="Fal.ai with Realtime in Next.js" img="/images/fal-realtime-thumbnail.png" href="/guides/examples/fal-ai-realtime" > Generate an image from a prompt using Fal.ai and Trigger.dev Realtime. </Card> <Card title="Generate a cartoon using Fal.ai in Next.js" img="/images/fal-generate-cartoon-thumbnail.png" href="/guides/examples/fal-ai-image-to-cartoon" > Convert an image to a cartoon using Fal.ai. </Card> <Card title="Vercel sync environment variables" icon="code" href="/guides/examples/vercel-sync-env-vars" > Learn how to automatically sync environment variables from your Vercel projects to Trigger.dev. </Card> <Card title="Vercel AI SDK" icon="code" href="/guides/examples/vercel-ai-sdk"> Learn how to use the Vercel AI SDK, which is a simple way to use AI models from different providers, including OpenAI, Anthropic, Amazon Bedrock, Groq, Perplexity etc. </Card> </CardGroup>