chore: import upstream snapshot with attribution

docs/snippets/vercel-docs-cards.mdx

@@ -0,0 +1,47 @@
+## 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>