Was this article helpful?
Thanks for your feedback
Welcome to your personal Contentstack Trial!
If you signed up for a new trial account, you should have received your login credentials in an email (look for subject “Contentstack Login”). Please login before you begin your lessons.
If you don’t have a trial account setup, you can Request a Free Trial.
Table of Content:
Let’s start on each lesson plan below.
So let’s get started!
When you log in, your Contentstack instance is a clean slate. That’s intentional so you can build your experience from the ground up without any legacy baggage. It’s your trial, so you’re in control.
You can choose one of two routes (or both, really).
|Simple HTML Site||Static Site with Gatsby|
|If you want to launch a simple site, follow these steps to launch your first webpage: Quickstart in 5 mins||Or connect Contentstack to a static site generator through the Gatsby sample app: Build a sample website using Gatsby and Contentstack|
You may also want to check out our Postman Collections. We’ve seen this help developers who already know REST/GraphQL get up to speed quickly.
We’re here for you. We want your Contentstack Trial to give you the answers you’re looking for. Take advantage of our:
This is day two of your Contentstack Trial! How was your first lesson? If you’re new to headless, you may want to read this blog on how a headless CMS differs from a traditional one.
Content Modeling is at the core of making a headless CMS work for you and your business users. Let’s create a simple content type first and then dive into some best practices for content modelling.
For more information, check out the Create a Content Type section.
Your last step for today is to create an entry of your new Content Type. You’ll need an entry to test out Contenstack’s APIs tomorrow.
Did you know? With Contentstack, you can create as many content types as you need. That is crucial because you’ll definitely need more during development and you don’t want to get stuck because you hit your license limits. This is the #1 reason for messy headless implementations and cost creep.
Content Types define the structure of your content, that much is obvious. They can also define the structure of a page in your web property, an app, a kiosk, or whatever you are coding for. Content Types can also be used to manage navigation, headers, footers, labels, or even turn features on and off, so you can give your business colleagues as much autonomy as possible without affecting your work.
Modular Blocks is our most popular field type. It allows content managers to dynamically create and modify components in a page or app. It gives your business colleagues the flexibility they need (within the bounds you decide on) that will make them love your headless implementation.
Fluid Page Compositions, Advanced Menu structures, and basic Geo segmentation are some of the real-life examples of what Contentstack customers are doing with Modular Blocks. It’s a real super power. You can even NEST THEM! 😱
Learn more about Modular Blocks.
Did you know? The flexibility you gain in Contentstack using modular blocks is pretty unique in the headless CMS world and crucial for you to get business user buy-in.
Can’t get enough of Content Modeling? Here are our Content Modeling best practices.
Now that you have a stack set up and we’ve covered the fundamentals of content types and modelling, let’s start working with Contentstack APIs and Environments.
Here are the Contentstack APIs:
|Content Delivery API||The Content Delivery API (CDA) is used to retrieve content from your Contentstack account and deliver it to your web or mobile properties.|
|Contentstack GraphQL API||The GraphQL Content Delivery API is a more efficient alternative to the Content Delivery API. Fetch customized responses or retrieve data from multiple resources through a single API request.|
|Content Management API||The Content Management API (CMA) is used to make changes to Contentstack. This includes creating, updating, deleting content, or any function you can do through our web UI.|
|Image Delivery API||The Image Delivery API is used to retrieve, manipulate, or convert image files and display them to your delivery endpoints without modifying the source image in the CMS.|
Here’s a simple website architecture as an example of how the different components come together:
Read the detailed explanation on our documentation site.
A publishing environment is one or more content delivery destinations (app/website) where the content needs to be published.
After you create an entry, you will publish it to an environment. After publishing, you will see the content on your website’s URL (specified in the environment).
Note: You will only be able to view the content on your website after publishing, and if you've configured the code that fetches data from Contentstack’s server.
In this short video, we create a development environment with the base URL: http://localhost:4000.
Rather read through the process step by step? Here’s our documentation on how to set up publishing environments.
Did you know? There are no restrictions on creating environments in a stack. A typical setup has a preview, staging, and production environment, but you can also use environments more creatively. For instance, if you’re working on multiple versions of your home page, you can set up multiple preview environments and share them with your team for review simultaneously.
Remember, if you have questions on the way, our support team is happy to point you in the right direction. Just use the in-product chat.
Now that we’ve gone through the basics of developing with Contentstack, let’s look at our SDKs.
We think it’s really important that you’re able to use the development language and framework that you know best. That’s the beauty of the headless capabilities in a modern CMS.
Did you know? Many Contentstack customers have large and complicated applications they’re moving to Contentstack. They migrate to Contentstack by slowly migrating individual sections of their website and keeping their legacy frontend in place. Then, they gradually move to more modern frontend frameworks like React or start building out their mobile, in-store, or IoT experiences first. This significantly reduces the complexity of introducing Contentstack and you can start from a clean base, while leaving the content and marketing production rolling.
Did you know? Contentstack DataSync lets you sync your published data to your local database. That way, you can reduce API calls or even support offline use cases for events, smart spaces, or to meet regional regulatory requirements, such as in China.
We’re curious to see what framework you are interested in, so give us a shout if you have any questions.
Enjoying your course so far? By now, you’ve probably had a good look around. In our experience, that’s when the first questions start coming up.
For your convenience and to help guide you through this trial, we offer:
As you spend more time in Contentstack, you’ll notice that there are lot more options and features than we can tell you about in a few emails. You can find tons of helpful information in our documentation.
Meanwhile, here are a few other fields we wanted to make sure you try out:
Did you know? Some developers prefer to build their content types in code. Contentstack makes it super simple. See how to do it in our JSON schema for creating a content type documentation.
Users, roles, permissions, and workflows may not be the most fun stuff to try out, but it’s crucial for determining if a CMS will actually work for your business teams. So I want to quickly share the basics and point you to what makes Contentstack stand out.
All Users in Contentstack have permissions based on the Roles assigned to them. Contentstack assigns permissions to a group of users rather than assigning permissions individually.
Here’s a quick video on how to add a new user. Let’s add a fellow developer:
Depending on the permissions users have, they can be classified into five types: Owner, Admin, Developer, Content Manager, or a User With Custom Permissions. Check out our documentation to understand these types in more detail.
Let’s create a new custom role to explore the granular permission levels of Contentstack.
To create a role, log in to your Contentstack account, and perform the following steps:
Click Save to create the new role.
Did you know? You can reconfigure the standard roles to meet your needs (except Admin and Owner). Also, you can create as many additional roles as you need, without any impact on pricing. Here’s a few examples of how Contentstack customers use custom roles.
In the next lesson, we should start getting buy-in from your business team. To prepare for that, let’s set up a simple workflow for them. You can start with something as straightforward as draft content -> approve draft -> publish.
Create the workflow by completing these steps:
Read through Add Workflows and Stages in our documentation to get step-by-step instructions.
I really hope you’re enjoying your Contentstack Trial so far. Our customers tell us that giving their content and marketing teams a chance to explore Contentstack made their trial experience even more effective.
So let’s add them to the trial. Learn how to add a user here.
Did you know? Contentstack is the highest-rated headless CMS on G2Crowd and across Gartner Peer Reviews. By developers and business users alike.
Here’s a few things you can walk through with your business users:
If you’d rather have us help out and give your editors a quick tour, then let’s schedule a short call to understand your use case and make sure you get business buy-in.
We’ve covered the basics of developing in Contentstack and talked about the importance of getting business user buy-in, but there are a few more capabilities we want you to know about.
Any time you want your changes in Contentstack to trigger an action in another platform or to push data to a different system, Webhooks are the way to go.
In this short video, we create a webhook and take a look at webhook activity logs:
A lot of our customers use them as part of their translation workflow, but there are so many things you can do with webhooks. Here are a few examples.
Did you know? Many of our customers told us they had problems getting their editors to organize assets. Why not use AI to auto-tag your images so you can organize them automatically?
This is the last day of your 10 Days of Contentstack! 😢
We know that every company is unique and we can’t anticipate everything you’ll want to do in Contentstack. So let me present to you: Experience Extensions!
This short video shows how you can create a new custom widget.
Two of the most popular extensions our customers use are the Google Analytics widget and the IBM Watson widget. You can peruse our full list of our experience extensions, to see what other third-party apps you can easily connect to Contentstack.
Did you know? A few years ago, our team was traveling to meet with one of the largest gaming companies in the world. While waiting at the airport, we noticed they were very active on social media. On the flight, one of our developers (who had never used the Twitter, Facebook or LinkedIn SDK before!) built a social widget in just two hours as a surprise for the customer.
So this is it, your 10 Days of Contentstack are over. I hope you got a good overview of the system.
We hope you found this course enjoyable and helpful!
Was this article helpful?
Thanks for your feedback