Builder's headless CMS integrates with Remix, leveraging its server-side rendering and nested routing for performant, SEO-optimized sites. This enables rapid development of data-driven UIs while reducing backend dependencies through visual editing.
WHY
Remix offers full-stack capabilities with efficient data loading and nested routing. Combined with Builder's headless CMS, it enables creation of dynamic UIs with optimized client-side hydration. This pairing enhances front-end development while providing flexible, visually-managed content structures.
Get more done with less effort
Enable everyone to get experiences to market. Let anyone drag and drop to compose experiences with your React components.
Scale content efficiently. Create flexible data models for content that needs to scale across experiences or channels.
Store and manage optimized assets. Upload, optimize, organize, and search for images and videos.
Auto-generate content and sections. Use AI to generate content or entire visual sections with chat prompts.
Install Builder's SDKs and Devtools with a single command:
DEVTOOLS
When running your Remix app with npm run dev, a UI wizard guides you through the Builder integration process.
Click the Let's Get Started button
Sign up (or log in)
Authorize Builder
Here's an example of code that uses Builder for a component-driven page.
builder.init()
Each project you build in Builder has a Public API key that you can use to request your Builder content. Pass your key here to tell Builder where to look.
builder.get()
Fetches your content from Builder as JSON. You can add parameters and queries to get the right result.
<BuilderComponent/>
Pass the JSON you got from builder.get() to render a Builder page or section.
Utilize Builder however you need with powerful server-side and static optimization tools.
Roles and permissions
Determine who can input content, who can use your approved design system, and who can create fully bespoke experiences.
Localization
Deliver highly personalized and localized experiences at scale.
Environments
Create pre-production environments to test updates and functionality
Performance
Build blazing-fast web development with advanced optimization, content delivery at the edge, and more.
Builder's headless CMS integrates with Remix via SDK, separating content management from the frontend. This allows for dynamic content delivery while maintaining Remix's UI capabilities.
Explore our documentation to learn how Remix's front-end capabilities combine with Builder's visual content management. Discover resources for developers building custom UIs and content creators managing dynamic experiences.
Launching Projects Faster With
Design to Code AI Automation
A pragmatic guide for engineering leaders and development teams
Read the guide
