Cosmic JS Blog Stay tuned for community news, company announcements and updates from the Cosmic JS team.

Creating Extendable Content Objects Served via API


In this blog I will show you how to create an extendable content object in 4 Steps using the Cosmic JS Content Management Platform. Once my object is created, it is available via API endpoint. The following 4 steps are an easy way to create new extendable objects for your web-connected application, so I would encourage you to Sign Up for Cosmic JS and begin the demo. If you're just starting out with Cosmic JS, I'd recommend reviewing the Getting Started and Documentation Pages. I'll be using the Cosmic JS CMS Web Application as I walk through the 4 steps. 

Once you've signed up, you will be prompted to Create a New Bucket, which you can think of as your project: your new website, your new iOS application or your new Android application. I created my bucket and created an Object Type called "Page". Below you can see how I created a page of content that can be delivered via API to any web-connected device. 

1.1 Adding an Object - Object Title

1.2 Adding an Object - Auto-Generated Slug

2. Adding an Object's Content

3. Adding Metafields To Your Object

4. Saving Object Draft | Publishing Object

Cosmic JS is an API-first cloud-based content management platform that makes it easy to manage applications and content. If you have questions about the Cosmic JS API, please reach out to the founders on Twitter or Slack

Read More

You may also like


It's now easier to get started using Cosmic JS as your content platform.  After signing in, click "Add new bucket" and you will see that you now have the option to install a starter bucket.  

After you click "Install", your starter bucket will be imported to a new bucket and your app zip file will be downloaded to your machine.  At that point you can extract the files and configure your new app to connect to your new Cosmic JS bucket.  

This is meant to help familiarize you with how to set up your bucket to best manage content for your websites and apps.  Sign in and enjoy!

Screenshot:

In this installment of the Cosmic JS Developer Spotlight Series, we sat down with Rick Hanlon, a Front End Engineer  and recent New Yorker that is now residing in London, England working on the front end team at Facebook. Rick is also on the core team of Jest, a JavaScript testing platform. Follow Rick on Twitter or LinkedIn and enjoy the Q/A.


Imgix is an image processing service that gives you some serious power when it comes to handling images for your websites and apps.  Their dynamic image processing API lets you crop, scale, rotate, watermark, add style and more to your images by simply adding a query string to the image url.

I'm happy to say that Imgix processing is now available for all your images uploaded to Cosmic JS!  Just look for the additional property (imgix_url) in your bucket's API endpoints and you can begin using this powerful image processing service.


Here's an example:

Let's say you have a large image that looks great on desktop web:

https://cosmicjs.imgix.net/83bb7170-2162-11e6-b1c2-f159cf376757-cat2.jpg

And you need the same image in a different size to accommodate mobile devices with lower bandwidth.  With the power of Cosmic JS and Imgix all you need to do is add ?w=500 to the end of the imgix_url and you now have a 500 pixel wide image, perfect for mobile devices!

https://cosmicjs.imgix.net/83bb7170-2162-11e6-b1c2-f159cf376757-cat2.jpg?w=500

Imgix is normally a paid service, but we are giving it to you for free for all free and paid Cosmic JS plans.  

Log in or sign up for Cosmic JS to manage content for your websites and apps faster and easier, now with the dynamic power of Imgix!

This Appointment Scheduler lets users select a day and a one-hour time slot between 9AM and 5PM to meet with us. It integrates with Twilio to send a confirmation text that their appointment has been scheduled. This also comes with a Cosmic JS Extension so we can manage the appointments right from within the Cosmic JS dashboard.

We're excited to release Cosmic Functions (public beta) to help teams build amazing modern products together with new serverless solutions.


Cosmic JS now gives you the ability to add different user roles to your bucket.  The different roles available are:

Admin
Has access to settings, users and developer features.

Developer
Has access to developer features and editor features.

Editor
Can add, edit and delete content with developer features hidden.

As an Admin or Developer, this makes it easier to share Cosmic JS with the Editor on your team.  For the Editor role, the powerful developer features are hidden and allows them to focus on their job of managing content.  Sign in to your Cosmic JS account to add your team and collaborate on building something great, now even easier.