Image-to-video jobs
The pipeline analyses a product image, prepares a scene prompt and submits a video-generation job through Kie.ai. Settings include aspect ratio and output quality.
AI product development / Imaginify / AIViral Labs
In development
One AI video product, with web and Shopify experiences.
Imaginify and AIViral Labs are related versions of the same AI video product. Our work connects product-photo uploads to video-generation jobs, with a standalone web experience and an embedded Shopify application. The product is in development.
Discuss a similar projectTHE BRIEF
The work behind Imaginify / AIViral Labs.
Video generation takes longer than a normal page request. The application needs to show work in progress, handle a failed job and make the finished output available after the merchant leaves the upload screen.
The AIViral Labs web experience includes a Polar.sh checkout integration. The Imaginify Shopify application adds merchant authentication and Shopify Billing. These are related product versions, not two separate customer engagements; this story does not claim a published Shopify App Store listing or measured user adoption.
PRODUCT SCOPE
What we built.
History and credit records
Job polling updates processing, completed and failed states. The credit ledger deducts usage on a successful job, with history views for outputs and transactions.
Standalone web experience
The Next.js interface connects upload settings, generation progress and output history to account and credit views. AIViral Labs includes web checkout through Polar.sh.
Embedded Shopify application
OAuth and session management connect the application to a merchant account. A Polaris interface provides the in-admin experience, with Shopify Billing integration for plans and credit purchases.
Development operations
A Windows Electron launcher manages the project's services, builds and logs. It supports the work of running the frontend and generation backend together.
WORKFLOW
A connected sequence of tasks.
- 01Upload
Provide a product photo and choose settings.
- 02Generate
Analyse the image and run a video job.
- 03Retrieve
Review the result and its credit record.
DESIGN & ENGINEERING
Decisions that shaped the build.
Treat a render as a job with a lifecycle.
Upload, generation and download happen at different times. Keeping job state in the product lets a merchant return to the history view and find the outcome.
Connect billing to the merchant's workspace.
The Shopify-facing build uses the platform's authentication and billing mechanisms. That integration requires more than embedding a standalone upload form.
RELATED SERVICES
Bring this experience to your project.
Next.jsTypeScriptExpressPostgreSQLPrismaShopify PolarisPolar.shKie.aiElectron
YOUR PROJECT
Tell us what you need to build.
Share the users, the current workflow and the part you want to improve. We can discuss a useful first release.
Discuss your project