Files
2026-07-13 13:32:57 +08:00

48 lines
1.5 KiB
Plaintext

## 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>