Display your Instagram content with a single prompt. Instagram is a social media platform for sharing photos, videos, and stories. When you connect Instagram to Rocket, you can describe the social feed layout you want in chat and Rocket generates the media grid, profile sections, and auto-refreshing content automatically.Instagram integration works well when paired with Google Analytics (for tracking social engagement), Supabase (for caching media data), and Netlify (for fast CDN delivery of your social-powered pages).Prerequisites:
- A Rocket account at rocket.new.
- An Instagram account.
- For mobile: the Rocket mobile app installed.
What you can use it for
Social proof feed
Social proof feed
Instagram feed gallery
Instagram feed gallery
Display your latest Instagram posts in a visual grid with lightbox viewing, captions, and engagement data.Try this prompt:Rocket creates: masonry grid component, lightbox viewer, and Instagram API data fetching.
User-generated content display
User-generated content display
Showcase customer photos, testimonials, or community posts by pulling in tagged or hashtagged content.Try this prompt:Rocket creates: horizontal carousel component, hashtag-filtered media feed, and auto-refresh timer.
Influencer media wall
Influencer media wall
Display curated Instagram content for events, campaigns, or brand partnerships on a dynamic media wall.Try this prompt:Rocket creates: full-screen tiled layout, auto-scroll animation, and Instagram API polling.
Connect your Instagram account
Instagram connects via OAuth. You will authorize Rocket through Instagram’s login flow, so no API key is needed.Detailed setup
- Web Browser
- Mobile App
Open Integrations
- Open any project.
- Go to Integrations.
- Click the Instagram card.
Authorize Instagram
- Click Connect.
- You will be redirected to Instagram’s authorization page.
- Log in to your Instagram account if prompted.
- Review the permissions and click Allow to grant Rocket access to your profile and media.
Disconnect Instagram
- Click the Instagram integration again.
- Click Disconnect to remove the connection.
Prompt cookbook
Copy-paste these prompts after connecting Instagram to add common social layouts:| Use case | Prompt |
|---|---|
| Homepage feed | Display my latest 6 Instagram posts in a 3-column grid on the homepage. |
| Masonry feed grid | Display my Instagram posts in a masonry grid layout with lightbox viewing. |
| Social proof section | Add an Instagram feed section below testimonials on my landing page. |
| Media carousel | Create a horizontal scrolling carousel of my latest 10 Instagram posts. |
| Profile card | Add an Instagram profile card in the sidebar showing my avatar, bio, and follower count. |
| Story highlights | Display my Instagram story highlights as circular thumbnails at the top of my /about page. |
| Media wall | Build a full-screen auto-scrolling media wall with my latest 20 Instagram posts. |
| Footer widget | Add a compact Instagram feed widget (4 posts, 2x2 grid) in the site footer. |
| Campaign gallery | Create a gallery page that shows Instagram posts with the hashtag #MyLaunch. |
| Link in bio page | Build a link-in-bio page that displays my Instagram avatar, bio, and a list of links. |
Tips and limitations
- OAuth connection. Instagram uses OAuth, so you authorize through Instagram’s login page. No API key to manage.
- Business or Creator account recommended. Some features like hashtag search and insights require a Business or Creator Instagram account connected to a Facebook Page.
- Media types supported. Rocket can display photos, videos, carousels, and reels from your Instagram feed.
- Rate limits apply. Instagram’s API has rate limits. For high-traffic sites, consider caching media data in Supabase to avoid hitting limits.
- Content refreshes periodically. Instagram feeds in your app refresh automatically, but there may be a short delay between posting on Instagram and the content appearing in your app.