Create, collaborate, and publish.
Without the guesswork.

Flotiq gives content editors full control with structured editing, instant previews, and workflows that just make sense.

Create, collaborate, and publish. *Without the guesswork._Create, collaborate, and publish. *Without the guesswork._
Company logo
Company logo
Company logo
Company logo
Company logo
Company logo
Company logo

See how you can create with any programming language

// Import Your Personal API SDK
import { ApiClient, ContentProjectApi } from "../lib/flotiq-sdk";

// Configure API
ApiClient.instance
    .authentications['HeaderApiKeyAuth']
    .apiKey = process.env.FLOTIQ_API_KEY;

// Request projects
const ProjectsAPI = new ContentProjectApi();
const projects = await ProjectsAPI.listProject({
    limit: 10
});

console.log(`Projects count: ${projects.count}`);

projects.data.map((project) => {
    console.log(`${project.id}: ${project.name}`);
});
<?php
// Import Your Personal API SDK
require_once('lib/flotiq-sdk/vendor/autoload.php');

// Configure API
$config = OpenAPI\Client\Configuration::getDefaultConfiguration()
    ->setApiKey('X-AUTH-TOKEN', '__FLOTIQ_API_KEY__');

// Request projects
$projectsApi = new OpenAPI\Client\Api\ContentProjectApi(null, $config);
$projects = $projectsApi->listProject(1, 10);

echo "Projects count: {$projects->getTotalCount()}";

foreach ($projects->getData() as $project) {
    echo $project->getId();
    echo $project->getName();
}
// File: /src/pages/{project.slug}.js 
// Using gatsby-source-flotiq plugin

import React from 'react';
import { graphql } from 'gatsby';

const ProjectPage = ({ data }) => {
    const { project } = data;
    return (
        <article>
            <h2>{project.name}</h2>
            <p>{project.description}</p>
        </article>
    );
};

export const query = graphql`
    query($slug: String) {
        project(slug: {eq: $slug}, status: {eq: "public"}) {
          name
          description
        }
    }
`;

export default ProjectPage;
// File: pages/projects/[id].js
// Using auto generated SDK package

import { ApiClient, ContentProjectApi } from '../../lib/flotiq-sdk';

ApiClient.instance
    .authentications['HeaderApiKeyAuth']
    .apiKey = process.env.FLOTIQ_API_KEY;

export async function getStaticPaths() {
    const ProjectsApi = new ContentProjectApi();
    const projects = await ProjectsApi.listProject({
        limit: 1000
    });
    // ...
}

export async function getStaticProps({ params }) {
    const ProjectsApi = new ContentProjectApi();
    const project = await ProjectsApi.getProject(params.id)
    // ...
}

export default function Project({ project }) {
    return (
        <article>
            <h2>{project.name}</h2>
            <p>{project.description}</p>
        </article>
    )
}
import { useEffect, useState } from "react";
import { ContentProjectApi } from "./lib/flotiq-sdk/";

function App() {
  const [projects, setProjects] = useState([]);
  const [total, setTotal] = useState();

  useEffect(() => {
    (async function() {
      const projectsApi = new ContentProjectApi();
      const apiResponse = await (projectsApi.listProject());
      setProjects(apiResponse.data);
      setTotal(apiResponse.total_count);
    })();
  }, []);

  return (
    <>
      <h1>Projects {total}</h1>
      { projects.map((project) => (
          <div key={project.id}>
            <h2>{project.name}</h2>
            <p>{project.description}</p>
          </div>
      ))}
    </>
  );
}

export default App;
import { Component, OnInit } from '@angular/core';
import { ContentProjectService, Project } from "flotiq";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent implements OnInit{
  projects: Project[] | undefined;
  total = 0;

  // Inject your Personal API
  constructor(private readonly projectsService: ContentProjectService) { }

  ngOnInit() {
    // Use available methods and response
    this.projectsService.listProject().subscribe((res) => {
      this.total = res.total_count
      this.projects = res.data;
    })
  }
}

Publish and sync with any device

Flotiq is an API-first content management platform that works with any technology, framework, and language.

Start for free
Graphic example of publication workflow, data travel from Flotiq database to website, mobile app and watch app at the same time

Feature-packed

Try Flotiq out and simplify your workflow.
Now every member of your team can save time.

Draft & Public mode

Learn morearrow right

Draft & Public mode

Manage the status visibility of content objects

Learn morearrow right

Multilingual Content

Learn morearrow right

Multilingual Content

Translate and manage content across multiple languages

Learn morearrow right

DeepL for Multilingual Content

Learn morearrow right

DeepL for Multilingual Content

Instant translations powered by DeepL

Learn morearrow right

Easy-to-use content editing

Learn morearrow right

Easy-to-use content editing

User-friendly editing workflow

Learn morearrow right

Flotiq forms

Learn morearrow right

Flotiq forms

Create any kind of form with a few simple steps

Learn morearrow right

Content versioning

Learn morearrow right

Content versioning

All content changes are automatically versioned

Learn morearrow right

Content governance

Learn morearrow right

Content governance

Be as flexible about your content model as you want, without asking the developers for help

Learn morearrow right

Better flow for devs and marketers

A headless CMS platform that brings two worlds together to communicate and create in harmony.

Explore Docs
Better flow for devs and marketers

You are in a good company!

Credit Agricole has recently successfully implemented the Flotiq Content Management System in the bank’s intranet. Flotiq provides a uniform way to access content and is the basis of a comprehensive intranet search engine aggregating multiple data sources.

Magdalena Tarnas-Kaczmarek

Magdalena Tarnas-Kaczmarek

​Director – internal communication department

Community support

We are ready to support you!

Start working. Together.

Reach common flow which just gets things done.