Example projects
Image generation with Fal.ai and Trigger.dev Realtime
This example Next.js project generates an image from a prompt using Fal.ai and shows the progress of the task on the frontend using Trigger.dev Realtime.
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
View the project on GitHub
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.
Walkthrough video
This video walks through the process of creating this task in a Next.js project.
Learn more about Trigger.dev Realtime
To learn more, take a look at the following resources:
- Realtime docs - learn more about Realtime.
- Batch Trigger docs - learn more about Batch Triggers.
- React hooks - learn more about React hooks.
Was this page helpful?