Image generation with Fal.ai and Trigger.dev Realtime - Trigger

import RealtimeLearnMore from "/snippets/realtime-learn-more.mdx";

Overview

This full stack Next.js project showcases the following:

A Trigger.dev task which generates an image from a prompt using Fal.ai
When a form is submitted in the UI, triggering the task using a server action
Showing the progress of the task on the frontend using Trigger.dev Realtime. This also includes error handling and a fallback UI
Once the task is completed, showing the generated image on the frontend next to the original image

GitHub repo

<Card title="View the project on GitHub" icon="GitHub" href="https://github.com/triggerdotdev/examples/tree/main/realtime-fal-ai-image-generation"

Click here to view the full code for this project in our examples repository on GitHub. You can fork it and use it as a starting point for your own project. </Card>

Walkthrough video

This video walks through the process of creating this task in a Next.js project.