Skip to main content
Connect your OpenAI API key and describe the AI feature you need in chat. Rocket handles all the integration code automatically so you can focus on what your features should do.
This connector is only available for Next.js TypeScript web build tasks.

​
What you can do

AI chat assistant

Conversational chatbot that answers questions, provides recommendations, or guides users through workflows.

Content generation

Let users generate blog posts, marketing copy, product descriptions, or social media content from simple prompts.

Document summarizer

Upload documents or paste text and get concise summaries, key takeaways, or action items automatically.

AI-powered search

Semantic search that understands user intent instead of just matching keywords.

Customer support bot

Automate first-line support with a bot that answers FAQs, triages issues, and escalates complex requests.

​
Before you connect

You need an OpenAI API key.
Get your OpenAI API key from the dashboard
Never paste your API key directly into chat. Always use the secure connector popup. If your key is exposed, rotate it immediately from the OpenAI dashboard.
OpenAI is a task-level connector. Each Rocket task connects to its own API key independently.

​
Connect OpenAI

You can connect from two places - both open the same popup.Option 1: From chatType a prompt that mentions OpenAI or GPT - for example, Connect OpenAI and add a GPT-powered chat assistant to my app. Rocket detects the intent and shows a Connect button inline. Click it and the popup opens.
OpenAI connection prompt in the Rocket chat panel.OpenAI connection prompt in the Rocket chat panel.

OpenAI connection prompt in chat

Option 2: From the Connectors tabClick the ... button in the preview toolbar, then select Connectors.
Toolbar dropdown with Connectors option highlighted.Toolbar dropdown with Connectors option highlighted.

Open Connectors from the toolbar

Click the OpenAI card, then click Connect.
Connectors panel showing the OpenAI card with a Connect button.Connectors panel showing the OpenAI card with a Connect button.

OpenAI card in the Connectors panel

After clicking ConnectA popup opens. Paste your API key and click Connect.
Connect OpenAI popup with an API key input field.Connect OpenAI popup with an API key input field.

Connect OpenAI popup

A green dot appears next to OpenAI when the connection is active.Update or disconnectGo to Connectors > OpenAI. Click Edit to update the key or Disconnect to remove the integration.
OpenAI card showing Edit and Disconnect buttons.OpenAI card showing Edit and Disconnect buttons.

Edit and Disconnect options on a connected OpenAI card

​
Example prompts

​
Tips

  • API billing is separate. OpenAI charges based on token usage. Monitor your spending in the OpenAI usage dashboard.
  • Rate limits apply. New accounts have lower rate limits. Check your rate limit tier and request an increase if needed.
  • Token costs vary by model. Longer prompts and responses cost more. Keep system prompts concise and set reasonable max token limits.
  • OpenAI vs. Anthropic. GPT models excel at broad general-purpose tasks, function calling, and vision. Claude is better suited for long-context analysis and tasks requiring careful, detailed reasoning.
  • One API key per task. Each Rocket task connects to one OpenAI API key independently.

​
What’s next?

Anthropic

Add Claude models for long-context analysis and detailed reasoning alongside GPT.

Gemini

Connect Google’s Gemini models for multimodal AI features.

Perplexity

Add real-time web search and up-to-date answers to your AI features.

Supabase

Store conversation history, user preferences, and AI-generated content.