TakeShape

SHARE

TakeShape

SHARE

TakeShape

TakeShape is not your classic headless CMS. It is an API mesh solution that allows you to configure a hosted GraphQL API that combines all of your services and data into a single endpoint alongside your content.

Written by:
  • Gerald Martinez

    Gerald Martinez

Last update: July 12, 2021
  • TakeShape logo
  • CMS type: API
  • Website: takeshape.io
  • Founded: 2018
  • Total raised: $320K
  • Company size: 1-10 people

Last update: January 24, 2024

We live in serverless times, and in the Jamstack ecosystem, we tend to use multiple microservices with different goals to build our final product. So you may have one to manage your store, another to manage your website content, and so on. This can get awkward if the list grows because it adds more complexity to build our products.

TakeShape comes to the rescue in this matter. It combines all of your services and data into a single GraphQL API endpoint. This feature lets you integrate all your services quickly into the apps that you want to build.

As you can see TakeShape is not your classic headless CMS. It offers a different approach since it combines the API Mesh with a built-in CMS to become an all-in-one content tool.

What is TakeShape?

They define themselves as The API Mesh for the Jamstack and, I think that describes perfectly what TakeShape does; as I mentioned before, you can combine all your services into one by using it. You can manage the services with the CLI, where you can decide the shapes and queries that you like to expose in the GraphQL API. You can learn more about it here.

With TakeShape you also get the ability to model your data model, just like with other CMSs, besides your connected services. So, you can model your data and edit it with, for example, a markdown editor, a color picker, and a date picker just to mention some options.

On the frontend side, you can use TakeShape with all the popular frameworks like React or Angular, or, if you prefer, just with Vanilla JS 💪🏽. Check their projects starter to start building your product.

User interface

It has a clean UI/UX. The feel is like you are on a website not in a dashboard. But this does not mean that it is terrible. Quite the contrary as it provides you with an effortless way to access any section.

On the first page, you have a couple of shortcuts that allow you to see your connected services or connect the new ones, but also run queries and provide you with other information like how to integrate with VSCode etc.

Schema

Here is where you can manage your services, shapes/model, and your queries and mutations. You can drag and drop to organize your data model. Take a look at the images below:

Data

Manage the model data that you create in your schema. Take a look in this short video how easy is to create a new entry:

Settings

Here you can manage all the things related to your projects like your sites, workflows, roles, members, and billing.

TakeShape API

In the admin interface of TakeShape, there is an API explorer where you can see your project's GraphQL API. You will have great features like generated documentation, write queries, and measure query performance. The one thing that caught my attention was that you can easily add mutations and use the API explorer to run them. This feature is really great because many other CMSs use the API explorer just to run queries.

Assets

Thanks to a powerful integration with Imgix, you can manage all your assets via Takeshape's GUI and let it handle processing for you. Manage your assets via the API, you can create and upload from there, so check out this link to know more about it.

Webhooks

Easy interface to add custom callbacks to third-party services, for example, you can add a hook to create a deploy when one entry is updated or create.

TakeShape Pricing

They have four plans:

  • Developer: A generous plan quota where you can use it to build small products or test. Then you can pay as you grow.
  • Professional: Priced at $500 per month, the Professional plan offers 100,000 API requests and 25 requests per second. Users benefit from unlimited service connections, access to advanced service connections, unlimited project members, and priority chat support with a 48-hour response time.
  • Business: Designed for growing needs, the Business plan is available at $1,200 per month. It provides 750,000 API requests and 50 requests per second. Enjoy unlimited service connections, access to advanced service connections, unlimited team members, and priority chat support with a 12-hour response time.
  • Enterprise: Tailored to specific requirements, the Enterprise plan offers custom API requests and request throughput. With custom service connections, feature prioritization, unlimited team members, dedicated support, account management, and SSO & SSA options, this plan is available upon request. Contact for a personalized quote.
[@portabletext/react] Unknown block type "newPdfPage", specify a component for it in the `components.types` prop

Support

The priority of the support is based on your plan, professional and enterprises have more priority. But in practice, this does not seem to be true because even with the free plan you get access to their Slack channel where TakeShape devs handle everyone’s requests asap without plan prioritization. Also, they have a live chat, so they will be happy to help you.

TakeShape Pros and Cons

  • You can connect all your services into one single API
  • Great widgets for your data types like color and date pickers
  • Image CDN, You can manipulate your image assets, they use Imgix that offers a lot of features to do that
  • Version History, which is great because you can restore any previous version of your data
  • Built-in i18n, Robust support for locales
  • API Explorer, you can test your queries and mutations
  • You can export your data schema with one click but you import with a terminal command
  • You may found some "coming soon" in their documentation (but they are working on finishing this asap)
  • Admin interface not responsive

Compare TakeShape with

  • Contentful logo
  • Sanity logo
  • Forestry logo
  • DatoCMS logo
  • Prismic logo
  • DecapCMS logo
  • Headless WordPress logo
  • Tina CMS logo
  • Agility CMS logo
  • GatherContent logo
  • Kentico Kontent logo
  • Hygraph logo
  • Craft CMS logo
  • Butter CMS logo
  • Payload CMS logo
  • Cosmic logo
  • Directus logo
  • Ghost logo
  • LexasCMS logo
  • Magnolia CMS logo
  • Contentstack logo
  • KeystoneJS logo
  • Apostrophe logo