Create, collaborate, and publish.
Without the guesswork.

<?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();
}

---
// Import Your Personal API SDK
import { Flotiq } from "@flotiq/flotiq-api-sdk";

// Configure API
const api = new Flotiq({
	apiKey: import.meta.env.VITE_FLOTIQ_API_KEY
});

// Request projects
const projects = await api.content.project.list({ limit: 1000 });
const data = projects.data;
const totalCount = projects.totalCount;
---

<h1>Projects {totalCount}</h1>
<div>
{data.map((project) => (
    <div key={project.id}>
        <h2>{project.name}</h2>
        <p>{project.description}</p>
    </div>
))}
</div>

// File: src/app/projects/[id].js or app/projects/[id].js 
import { notFound } from "next/navigation";
// Import Your Personal API SDK
import { Flotiq } from "@flotiq/flotiq-api-sdk";

// Configure API
const api = new Flotiq(); // read api key automatically from process.env.FLOTIQ_API_KEY
// or
const api = new Flotiq({
  apiKey: "<YOUR API KEY>",
});

export default async function Project({
  params,
}: {
  readonly params: Promise<{ readonly id: string }>;
}) {
  const { id } = await params;
// Request project
  const project = await api.content.project.get(id);

  if (!project) {
    return notFound();
  }

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

import { useEffect, useState } from "react";
// Import Your Personal API SDK
import { Flotiq } from "@flotiq/flotiq-api-sdk";

// Configure API
const api = new Flotiq({
  apiKey: import.meta.env.VITE_FLOTIQ_API_KEY,
});

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

  useEffect(() => {
    // Request projects
    api.content.project.list({ limit: 10 }).then((projects) => {
      setProjects(projects.data);
      setTotal(projects.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;
    })
  }
}