chore: import upstream snapshot with attribution
This commit is contained in:
@@ -0,0 +1,97 @@
|
||||
---
|
||||
title: "Quick start: add Trigger.dev to your project"
|
||||
sidebarTitle: "Quick start"
|
||||
description: "Set up Trigger.dev in your existing project in under 3 minutes. Install the SDK, create your first background task, and trigger it from your code."
|
||||
---
|
||||
|
||||
import CliInitStep from "/snippets/step-cli-init.mdx";
|
||||
import CliDevStep from "/snippets/step-cli-dev.mdx";
|
||||
import CliRunTestStep from "/snippets/step-run-test.mdx";
|
||||
import CliViewRunStep from "/snippets/step-view-run.mdx";
|
||||
|
||||
## Set up with AI
|
||||
|
||||
Using an AI coding assistant? Copy this prompt and paste it into Claude Code, Cursor, Copilot, Windsurf, or any AI tool. It'll handle the setup for you.
|
||||
|
||||
<Accordion title="Copy the setup prompt">
|
||||
|
||||
```text
|
||||
Help me add Trigger.dev to this project.
|
||||
|
||||
## What to do
|
||||
|
||||
1. I need a Trigger.dev account. If I don't have one, point me to https://cloud.trigger.dev to sign up. Wait for me to confirm.
|
||||
2. Run `npx trigger.dev@latest init` in the project root.
|
||||
- When it asks about the MCP server, recommend I install it (best DX: gives you direct access to Trigger.dev docs, deploys, and run monitoring).
|
||||
- Install the "Hello World" example task when prompted.
|
||||
3. Run `npx trigger.dev@latest dev` to start the dev server.
|
||||
4. Once the dev server is running, test the example task from the Trigger.dev dashboard.
|
||||
5. Set TRIGGER_SECRET_KEY in my .env file (or .env.local for Next.js). I can find it on the API Keys page in the dashboard.
|
||||
6. Ask me what framework I'm using and show me how to trigger the task from my backend code.
|
||||
|
||||
If I've already run init and want the MCP server, run: npx trigger.dev@latest install-mcp
|
||||
|
||||
## Critical rules
|
||||
|
||||
- ALWAYS import from `@trigger.dev/sdk`. NEVER import from `@trigger.dev/sdk/v3`.
|
||||
- NEVER use `client.defineJob()` — that's the deprecated v2 API.
|
||||
- Use type-only imports when triggering from backend code to avoid bundling task code:
|
||||
|
||||
import type { myTask } from "./trigger/example";
|
||||
import { tasks } from "@trigger.dev/sdk";
|
||||
|
||||
const handle = await tasks.trigger<typeof myTask>("hello-world", { message: "Hello from my app!" });
|
||||
|
||||
## When done, point me to
|
||||
|
||||
- Writing tasks: https://trigger.dev/docs/tasks/overview
|
||||
- Real-time updates: https://trigger.dev/docs/realtime/overview
|
||||
- AI tooling: https://trigger.dev/docs/building-with-ai
|
||||
```
|
||||
|
||||
</Accordion>
|
||||
|
||||
## Manual setup
|
||||
|
||||
<Steps titleSize="h3">
|
||||
|
||||
<Step title="Create a Trigger.dev account">
|
||||
|
||||
Sign up at [Trigger.dev Cloud](https://cloud.trigger.dev) (or [self-host](/self-hosting/overview)). The onboarding flow will guide you through creating your first organization and project.
|
||||
|
||||
</Step>
|
||||
|
||||
<CliInitStep />
|
||||
<CliDevStep />
|
||||
<CliRunTestStep />
|
||||
<CliViewRunStep />
|
||||
|
||||
</Steps>
|
||||
|
||||
## Triggering tasks from your app
|
||||
|
||||
The test page in the dashboard is great for verifying your task works. To trigger tasks from your own code, you'll need to set the `TRIGGER_SECRET_KEY` environment variable. Grab it from the API Keys page in the dashboard and add it to your `.env` file.
|
||||
|
||||
```bash .env
|
||||
TRIGGER_SECRET_KEY=tr_dev_...
|
||||
```
|
||||
|
||||
See [Triggering](/triggering) for the full guide, or jump straight to framework-specific setup for [Next.js](/guides/frameworks/nextjs), [Remix](/guides/frameworks/remix), or [Node.js](/guides/frameworks/nodejs).
|
||||
|
||||
## Next steps
|
||||
|
||||
<CardGroup cols={2}>
|
||||
<Card title="Building with AI" icon="brain" href="/building-with-ai">
|
||||
Build Trigger.dev projects using AI coding assistants
|
||||
</Card>
|
||||
<Card title="How to trigger your tasks" icon="bolt" href="/triggering">
|
||||
Trigger tasks from your backend code
|
||||
</Card>
|
||||
<Card title="Writing tasks" icon="wand-magic-sparkles" href="/tasks/overview">
|
||||
Task options, lifecycle hooks, retries, and queues
|
||||
</Card>
|
||||
<Card title="Guides and example projects" icon="books" href="/guides/introduction">
|
||||
Framework guides and working example repos
|
||||
</Card>
|
||||
|
||||
</CardGroup>
|
||||
Reference in New Issue
Block a user