Built for developers, by developers

// Fetch blog posts using the REST API
fetch('https://api.sleekcms.com/content/v1/blogPosts')
  .then(response => response.json())
  .then(data => {
    // Process the blog posts
    console.log(data.items);
  });

// Fetch blog posts using GraphQL
const query = `
  query {
    blogPostCollection {
      items {
        title
        slug
        publishDate
        excerpt
        content {
          json
        }
        featuredImage {
          url
          width
          height
          description
        }
      }
    }
  }
`;

fetch('https://api.sleekcms.com/content/v1/graphql', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ query }),
})
  .then(response => response.json())
  .then(data => console.log(data.data.blogPostCollection.items));

import { useEffect, useState } from 'react';
import { createClient } from '@sleekcms/react';

// Initialize the client
const client = createClient({
  space: 'your-space-id',
  accessToken: 'your-access-token',
});

function BlogList() {
  const [posts, setPosts] = useState([]);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    // Fetch blog posts
    client.getEntries({
      content_type: 'blogPost',
      order: '-fields.publishDate',
      limit: 10,
    })
      .then((response) => {
        setPosts(response.items);
        setLoading(false);
      })
      .catch(console.error);
  }, []);

  if (loading) return 
Loading...
;

  return (
    

      {posts.map((post) => (
        

          
{post.fields.title}
          
{post.fields.excerpt}
          Read more
        
      ))}
    
  );
}