import { createClient } from '@elmapicms/js-sdk';
 
const client = createClient({
  baseUrl: 'https://your-domain.com/api',
  apiKey: 'YOUR_API_TOKEN',
  projectId: 'YOUR_PROJECT_UUID',
});
 
// Create a new entry
const newEntry = await client.content.create('blog-posts', {
  locale: 'en',
  state: 'draft',
  data: {
    title: 'API Best Practices',
    slug: 'api-best-practices'
  }
});
 
// Create a published entry
const publishedEntry = await client.content.create('blog-posts', {
  locale: 'en',
  state: 'published',
  published_at: '2024-01-01T00:00:00Z',
  data: {
    title: 'My Published Post',
    slug: 'my-published-post'
  }
});

const collectionSlug = 'blog-posts';
const newEntry = {
    data: {
        title: 'API Best Practices',
        slug: 'api-best-practices'
    },
    state: 'draft'
};
 
axios.post(`https://your-domain.com/api/${collectionSlug}`, newEntry, {
    headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN', // Required - must have 'create' ability
        'project-id': 'YOUR_PROJECT_UUID'
    }
});

use Illuminate\Support\Facades\Http;
 
$collectionSlug = 'blog-posts';
$newEntry = [
    'data' => [
        'title' => 'API Best Practices',
        'slug' => 'api-best-practices'
    ],
    'state' => 'draft'
];
 
$response = Http::withToken('YOUR_API_TOKEN')->withHeaders([
    'Accept' => 'application/json',
    'project-id' => 'YOUR_PROJECT_UUID'
])->post("https://your-domain.com/api/{$collectionSlug}", $newEntry);

import React, { useState } from 'react';
 
function CreateEntryForm({ collectionSlug }) {
  const [title, setTitle] = useState('');
  const [slug, setSlug] = useState('');
 
  const handleSubmit = async (event) => {
    event.preventDefault();
    try {
      const response = await fetch(`https://your-domain.com/api/${collectionSlug}`, {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'Accept': 'application/json',
          'Authorization': 'Bearer YOUR_API_TOKEN', // Required - must have 'create' ability
          'project-id': 'YOUR_PROJECT_UUID'
        },
        body: JSON.stringify({
          data: { title, slug },
          state: 'draft'
        })
      });
 
      if (!response.ok) {
        const errorData = await response.json();
        throw new Error(errorData.message || 'Failed to create entry');
      }
 
      const createdEntry = await response.json();
      console.log('Entry created:', createdEntry);
    } catch (error) {
      console.error('Failed to create entry:', error);
    }
  };
 
  return (
    <form onSubmit={handleSubmit}>
      <input type="text" value={title} onChange={(e) => setTitle(e.target.value)} placeholder="Title" required />
      <input type="text" value={slug} onChange={(e) => setSlug(e.target.value)} placeholder="Slug" required />
      <button type="submit">Create Entry</button>
    </form>
  );
}

<template>
  <form @submit.prevent="createEntry">
    <input v-model="title" placeholder="Title" required />
    <input v-model="slug" placeholder="Slug" required />
    <button type="submit">Create Entry</button>
  </form>
</template>
 
<script setup>
import { ref } from 'vue';
 
const props = defineProps({
  collectionSlug: { type: String, required: true }
});
 
const title = ref('');
const slug = ref('');
 
const createEntry = async () => {
  try {
    const response = await fetch(`https://your-domain.com/api/${props.collectionSlug}`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN', // Required - must have 'create' ability
        'project-id': 'YOUR_PROJECT_UUID'
      },
      body: JSON.stringify({
        data: {
          title: title.value,
          slug: slug.value,
        },
        state: 'draft'
      })
    });
 
    if (!response.ok) {
      const errorData = await response.json();
      throw new Error(errorData.message || 'Failed to create entry');
    }
 
    const createdEntry = await response.json();
    console.log('Entry created:', createdEntry);
  } catch (error) {
    console.error('Failed to create entry:', error);
  }
};
</script>

curl -X POST "https://your-domain.com/api/blog-posts" \
     -H "Accept: application/json" \
     -H "Authorization: Bearer YOUR_API_TOKEN" \
     -H "project-id: YOUR_PROJECT_UUID" \
     -H "Content-Type: application/json" \
     -d '{
         "data": {
             "title": "API Best Practices",
             "slug": "api-best-practices"
         },
         "state": "draft"
     }'