Welcome to Foir
Foir is a headless CMS that delivers personalized content to your applications. Build your content once, then target it to the right audience automatically.
Quick Links
- Getting Started - Set up your first project
- Core Concepts - Understand entities, variants, and routing
- Guides - Step-by-step tutorials
- API Reference - Explore the GraphQL API
What Can You Do?
Create Any Content Structure
Build the content types you need with the Entity System. Use field types like text, images, and rich text. Create reusable components with inline schemas.
Personalize Content for Your Audience
Show different content to different visitors with Variants. Target by device, market, language, or customer segments using targeting rules.
Control Your URLs
Set up clean URLs with the Routing System. Support static pages, dynamic content, and localized paths like /uk/en/products/blue-shirt.
Integrate with Your Frontend
Generate TypeScript types with UniformGen. Render content in React with Foir Renderer.
Key Features
| Feature | Description |
|---|---|
| Visual Editor | Edit content with a user-friendly admin interface |
| Version History | Track changes and roll back when needed |
| Publishing Workflow | Draft, preview, and publish with confidence |
| Media Library | Upload and manage images, videos, and files |
| GraphQL API | Query exactly the content you need |
| Shopify Integration | Enrich products and collections with CMS content |
Getting Started
- Create an API Key - Connect your app to Foir
- Install Packages - Add the SDK to your project
- Generate Types - Get TypeScript support
- Render Content - Display content in your app
Need Help?
Last updated on