48 lines
1.5 KiB
Plaintext
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>
|