contentful

What is contentful?

The contentful npm package is a JavaScript client for the Contentful Content Delivery API and Content Management API. It allows developers to fetch and manage content from Contentful's content infrastructure, making it easy to integrate content into web and mobile applications.

What are contentful's main functionalities?

Fetching Entries

This feature allows you to fetch entries from your Contentful space. The code sample demonstrates how to create a client and fetch all entries.

const contentful = require('contentful');
const client = contentful.createClient({
  space: 'your_space_id',
  accessToken: 'your_access_token'
});

client.getEntries()
  .then((response) => console.log(response.items))
  .catch(console.error);

Fetching a Single Entry

This feature allows you to fetch a single entry by its ID. The code sample shows how to create a client and fetch a specific entry.

const contentful = require('contentful');
const client = contentful.createClient({
  space: 'your_space_id',
  accessToken: 'your_access_token'
});

client.getEntry('entry_id')
  .then((entry) => console.log(entry))
  .catch(console.error);

Fetching Assets

This feature allows you to fetch assets from your Contentful space. The code sample demonstrates how to create a client and fetch all assets.

const contentful = require('contentful');
const client = contentful.createClient({
  space: 'your_space_id',
  accessToken: 'your_access_token'
});

client.getAssets()
  .then((response) => console.log(response.items))
  .catch(console.error);

Content Management

This feature allows you to manage content, such as creating new entries. The code sample shows how to create a client and create a new entry in a specific content type.

const contentfulManagement = require('contentful-management');
const client = contentfulManagement.createClient({
  accessToken: 'your_management_access_token'
});

client.getSpace('your_space_id')
  .then((space) => space.createEntry('content_type_id', {
    fields: {
      title: {
        'en-US': 'Hello, World!'
      }
    }
  }))
  .then((entry) => console.log(entry))
  .catch(console.error);

Other packages similar to contentful

prismic-javascript

Prismic is a headless CMS similar to Contentful. The prismic-javascript package allows you to query content from Prismic's API. It offers similar functionalities such as fetching entries and assets, but with a different API structure and query language.

strapi-sdk-javascript

Strapi is an open-source headless CMS that provides a JavaScript SDK for interacting with its API. The strapi-sdk-javascript package allows you to fetch and manage content, similar to Contentful, but with the added benefit of being open-source and self-hosted.

README

contentful.js

Javascript SDK for Contentful's Content Delivery API.

About

Contentful is a content management platform for web applications, mobile apps and connected devices. It allows you to create, edit & manage content in the cloud and publish it anywhere via a powerful API. Contentful offers tools for managing editorial teams and enabling cooperation between organizations.

Features

• Content retrieval through Contentful's Content Delivery API.
• Synchronization
• Localization support
• Link resolution

Supported environments

Browsers and Node.js:

• Chrome
• Firefox
• IE11 / Edge
• Safari
• node.js (0.10, iojs-3.x, 4.x, 5.x)

Other browsers should also work, but at the moment we're only running automated tests on the browsers and Node.js versions specified above.

Getting started

In order to get started with the Contentful JS SDK you'll need not only to install it, but also to get credentials which will allow you to have access to your content in Contentful.

Installation

In node, using npm:

npm install contentful

Or, if you'd like to use a standalone built file you can use the following script tag or just download it from npmcdn, under the browser-dist directory:

<script src="https://npmcdn.com/contentful@latest/browser-dist/contentful.min.js"></script>

It is not recommended to use the above URL for production.

Using contentful@latest will always get you the latest version, but you can also specify a specific version number:

<script src="https://npmcdn.com/contentful@3.0.0/browser-dist/contentful.min.js"></script>

Check the releases page to know which versions are available.

Authentication

To get content from Contentful, an app should authenticate with an with an OAuth bearer token.

You can create API keys using Contentful's web interface. Go to the app, open the space that you want to access (top left corner lists all the spaces), and navigate to the APIs area. Open the API Keys section and create your first token. Done.

Don't forget to also get your Space ID.

For more information, check the Contentful's REST API reference on Authentication.

Documentation/References

• Contentful's JS SDK reference
  • From version 3.0.0 onwards, you can access documentation for a specific version by visiting https://contentful.github.io/contentful.js/contentful/<VERSION>
  • For versions prior to 3.0.0, you can access documentation at https://github.com/contentful/contentful.js/tree/legacy
• Check the Contentful for JavaScript page for Tutorials, Demo Apps, and more information on other ways of using JavaScript with Contentful
• Contentful's CDA REST API reference for additional details on the Delivery API

Versioning

This project strictly follows Semantic Versioning by use of semantic-release.

This means that new versions are released automatically as fixes, features or breaking changes are released.

You can check the changelog on the releases page.

Migration from contentful.js 2.x and older

contentful.js 3.x was a major rewrite, with some API changes. While the base functionality remains the same, some method names have changed, as well as some internal behaviors.

See the migration guide for more information.

Support

Please open an issue

Contributing

See CONTRIBUTING.md

License

MIT