Connect Replicate
Connect a Replicate API token, generate an illustration inside your app and check how images load and remain available after reopening.
Add generated images to your app—for example, a new cover illustration for each story. Connect Replicate, test one generation and decide how the finished image should be kept.
On this page
Create an API token
Open Replicate API tokens and create a token with a name you will recognize for this app. Copy the secret value privately. Replicate’s token guide explains creating and disabling tokens.
Connect Replicate to this app
Open the app in Studio
Select App options (+) → Connectors → Replicate. A Connect Replicate request in the conversation opens the same setup. Connections belong to the app you have open.
Save the credential privately
Paste your credential into API Token and select Save. Keep it out of the conversation and app source. RNBlocks stores the credential for this app; the saved value is masked in this form.
Return to your conversation
Close the connection panel and continue the feature you requested. Connected means a credential is saved; the feature still needs a successful request and a test in your app.
1 / 4 · App optionsThe actual App options menu above the + button. It contains separate Supabase, Connectors and App memory actions.
The actual connection screens. Empty form and illustrative saved state; no credential is shown.
- Open App options (+) → Connectors in the app you want to connect.
- Choose Replicate in the catalogue, then enter your API Token in its private form and select Save.
- Return to the conversation and test the feature. Connected means a credential is saved, not that a provider request has succeeded.
Generate an illustration in the app
Try: “Generate a cover illustration for each bedtime story using Replicate. Show the artwork above the story title, with a loading state and a retry option if generation fails.”
Request one image
In the iOS or Android preview, enter a short story idea and generate its cover. Confirm that the finished image matches your request and fits its frame.
Check the waiting state
Keep the app open while the request completes. The screen should communicate that work is in progress and should not start duplicate generations from repeated taps.
Check storage separately
If people should keep their covers, ask Studio to save the finished image durably, then reopen the app and check it. A temporary generation link is not permanent app storage.
If an image does not arrive
Check whether the request is still running, failed or completed before generating again. Review the token, account billing and selected model’s required inputs. If an older image disappears, inspect how it was stored rather than replacing the token first.
Costs and the information your app sends
Your connected provider handles its own API usage and billing. Those charges are separate from RNBlocks credits used while building your app. Review the provider’s quota and billing before testing with a large audience.
An AI feature sends the information needed for that request to its provider. Decide what your app should send, explain that clearly to your users, and test any permission and decline choices before release. Connecting a service does not automatically add a saved history, private file library or every feature in that provider’s API.
Update or disconnect
Open App options (+) → Connectors → Replicate. To replace the saved credential, enter the new value and select Update, then test the feature again.
Disconnect removes this app’s saved Replicate credential. Features that use it will need a working connection again. It does not close your provider account, cancel provider billing, revoke the original key at the provider, or erase data already sent there. Reopen Connectors to check the saved connection state.