Files
triggerdotdev--trigger.dev/docs/snippets/realtime-examples-cards.mdx
T
Dan 9e41e83818 Restructured the realtime docs (#2317)
* Reordered react hooks + frontend sections

* Updated the overview and nav

* Separated out SWR hooks

* Restructured metadata sections

* Improved backend docs

* Fixed broken link

* Fixed broken links

* Updated the structure

* Restructured overview

* Updated examples cards

* Improved overview

* Updated how it works

* Updated auth

* Added type safety to the run object page

* made the subscribe description clearer

* Fixed links in triggering

* Fixed link

* Removed examples footers

* Copy tweak

* Consolidated metadata and subscribe pages

* moved metadata task examples to metadata

* Fixed links

* Fixing links like zelda

* Removed dead import

* Clearer titles

* Cap R for Realtime

* Fixes broken link

---------

Co-authored-by: James Ritchie <james@trigger.dev>
2025-08-07 16:02:52 +01:00

55 lines
1.5 KiB
Plaintext

## 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>