## Learn more about Vercel 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="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>