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

Introducing Workspaces


by Tony Spiro on July 9, 2019


We're excited to announce a new way to collaborate with your team on your digital projects. Introducing Workspaces.

Included with every Enterprise plan, your Workspace gives your team all of the powerful features of the Cosmic JS hosted CMS plus added benefits that make it your own.

With your company workspace you get:

✅ A branded company login page
✅ White label dashboard experience
✅ Custom company subdomain
✅ Usage and activity reports

See the Workspaces page for more information.

It's our goal to help your team build digital projects faster and easier. With Workspaces, you now have a single location to collaborate more efficiently with your company on your great work.

If you have any questions, join the community on Slack and follow us on Twitter for more updates.

You may also like


It's now faster and easier to make the content on your webpages dynamic.  The Official Cosmic JS JavaScript Client now comes with a minified browser version that allows you to add the power of Cosmic JS cloud-hosted content into your HTML page with a single file.  Download the Cosmic JS browser file then copy and paste this real-working browser example into an html file to check it out:

<!DOCTYPE html>
<html>
<head>
  <title>Cosmic JS Easy Browser Example</title>
</head>
<body>
<h1 id="title">If you see this, something isn't working...</h1>
<div id="content"></div>
<div id="metafields"></div>
<script src="cosmicjs.browser.min.js"></script>
<script>
var config = {
  bucket: {
    slug: 'easy-browser-example'
  },
  object: {
    slug: 'home'
  }
};
Cosmic.getObject(config, config.object, function(err, res) {
  var object = res.object;
  document.getElementById('title').innerHTML = object.title;
  document.getElementById('content').innerHTML = object.content;
  var metafields = object.metafields;
  var images = '';
  metafields.forEach(function(metafield){
    images += '<h2>' + metafield.title + '</h2>';
    images += '<img width="300" src="https://cosmicjs.com/uploads/' + metafield.value + '"/>';
    images += '<br><br>';
  })
  document.getElementById('metafields').innerHTML = images;
});
</script>
</body>
</html>

Sign in to your Cosmic JS account and connect this example to one of your buckets to see how easy it is to create powerful CMS-powered websites and app with Cosmic JS.



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.

In this tutorial I'm going to show you how to create a simple blog using Node.js and Cosmic JS.  This is going to be the fastest and most light-weight blog you have ever created.  Let's get started.

In this tutorial, we are going to be creating a simple inventory management application with Laravel and Vue.js as our frontend.

We're excited to announce a new feature that allows you to easily monitor API usage and activity for your Cosmic JS-powered applications.

In this short tutorial I’m going to show you how to:

1. Upload an image to your Cosmic JS Bucket via the Cosmic JS API.
2. Alter your image using the powerful Imgix processing service (free with every Cosmic JS Bucket)
3. Add the uploaded image as a Metafield to an Object in your Bucket