Realtime Examples Cards

Examples

<CardGroup cols={2}> <Card title="Claude Thinking Chatbot" icon="messages" href="/guides/example-projects/claude-thinking-chatbot" > A chatbot using the AI SDK that demonstrates Anthropic Claude 3.7's thinking capabilities through the Realtime API and react hooks. </Card> <Card title="Image Generation with fal.ai" icon="image" href="/guides/example-projects/realtime-fal-ai" > A Next.js app that uses the Realtime API and react hooks to create on-demand image generation through fal.ai's services. </Card> <Card title="Realtime CSV Importer" icon="file-csv" href="/guides/example-projects/realtime-csv-importer" > Upload CSV files and view the progress of the task being processed on the frontend live using the Realtime API. </Card> <Card title="Batch LLM Evaluator" icon="sparkles" href="/guides/example-projects/batch-llm-evaluator" > A Next.js app that uses the Realtime API and react hooks to evaluate language model responses on the frontend in real-time. </Card> </CardGroup>

Learn more

<CardGroup cols={2}> <Card title="View all our guides & examples" icon="books" href="/guides"> Guides, example projects and example tasks. Copy any of the code and use it in your own projects. </Card> <Card title="Example projects repo" icon="github" href="https://github.com/triggerdotdev/examples" > Star/Fork our examples repo to learn more about how to use Trigger.dev in full stack applications. </Card> </CardGroup>