Product Updates

DatoCMS changelog for new features and general improvements
UI Improvement
Easily regenerate slugs on existing records
March 1st, 2022

One tiny addition that may save a few seconds every day: we added a button on slug fields to regenerate the value of a slug.

A video is worth a thousand words in this case:

UI Improvement
Duplicate blocks in one click
February 28th, 2022

Another small convenience added on the Modular Content fields. There is now an option to make a complete copy of an existing block. Depending on the content, it can save a lot of time and most importantly give you the confidence that you haven't forgotten to carry anything over.

If the block contains some nested blocks, they'll be duplicated as well:

Backup Codes for Two-Factor Authentication (2FA)
February 28th, 2022

We're happy to announce we've enabled the support for 2FA backup codes! From now on, when enabling two-step verification, you'll receive 12 backup codes. Each 6-digit code can be used once to access your DatoCMS account in case of emergency.

Two-step verification (also known as two factor authentication or 2FA) is a highly recommended security feature that adds an extra layer of protection to your account. Enabling two-step verification means that DatoCMS will require a six-digit security code (in addition to your password) when you sign in to your account or link a new computer, phone, or tablet.

If you've already have 2FA set up on your account, you'll need to disable it and then re-enable it to get your backup codes.

UI ImprovementContent Management API
More explicit presentation settings for records
February 21st, 2022

In DatoCMS it has always been possible to specify a "title field" on models. Doing so has two effects:

  • Within the dashboard, the title field will be used to show a preview of the record;

  • If no explicit SEO title is specified on the record, the value of the title field will be used as the SEO title as well.

Given its convenience, and based on your feedback, we decided to extend the concept by allowing you to specify two more "special" fields:

  • Image preview field: will always be used as a representative image of the record within the dashboard. If the record does not offer an explicit image to be used as SEO image, the image preview field will also be used for this purpose;

  • Excerpt field: if there is no explicit SEO description for a record, the value of this field (truncated to a maximum of 200 characters) will be used.

All three settings are now in a separate "Presentation" tab in the model settings:

Content Delivery API
Locale fallbacks and filtering available on CDA
February 18th, 2022

We have improved various aspects of localization in the GraphQL API, which were common sources of confusion/friction:

  • Filter records by available available localizations;

  • Get the localizations available for a record;

  • You can specify a number of fallback locales when fetching fields content.

For all the nitty-gritty details, take a look at the updated doc page!

New plugin hooks available in our SDK
February 3rd, 2022

Following your requests, we added a couple of new hooks to the Plugin SDK:

  • Form Outlets let you customize the area above each record's form. This hook can also be used in "ghost mode" — that is, with no visible UI — to add custom logic to the form in a reliable way (the Record auto-save plugin is a great example of that);

  • With plugins it is now possible to add custom marks and styles to Structured Text fields!

Here's a sneak peek of the latter feature:

Remix framework fully supported!
February 2nd, 2022

Given the booming interest in Remix — which is totally well deserved — we decided to invest some time to better integrate with it:

  • A step-by-step guide to introducing DatoCMS into a Remix project is available;

  • A Starter Project, complete with preview mode, is now available on our Marketplace;

  • The react-datocms package offers a new helper specifically designed to work with meta tags in Remix.

Happy hacking!

React components update!
February 1st, 2022

Based on your feedback, we recently released a new version of the react-datocms NPM package to improve our <Image /> component.

It now offers:

  • multiple layout modes (ie. layout=fill is great for background images!)

  • a new onLoad callback

  • a new usePlaceholder option to disable the blurred image placeholder

We also removed the IntersectionObserver polyfill. Since iOS 12.2 (March 2019) it's supported natively in all modern browsers, and the polyfill was accounting for 25% of the package size. Of course you can add a polyfill on your side if you still need it!

UI Improvement
New built-in presentation modes: Radio group, Checkbox Group and Select inputs!
January 31st, 2022

By popular demand, we decided to add a couple new ways of presenting some fields:

Boolean fields

In addition to the usual "switch" input, you can now present a boolean field as a Radio group or Select input. You can tweak the way your field will be visible to your editors in the Presentation settings, and specify the text that will be associated with both the true and false value.

String fields

Similarly, you can also present single-line text fields as a Radio group or Select input. The main difference from boolean fields is that you can specify more than two possible options, plus the string value associated with every option.

JSON fields

If you need to store multiple strings in a field, you can now use the Multi-select input and Checkbox Group on JSON fields. Again, you can specify the different options that will be visible to editors, and the relative value that will be stored in the field itself.

We could have easily released these new presentation modes as plugins, but we thought they're frequent enough to deserve their permanent place in DatoCMS. ♥️

New usage reports available on every project
January 27th, 2022

Based on feedback, we added two new reports to the "Project Usages" section of every project:

  • Top transformations by traffic: this shows your assets sorted by consumed bandwidth, complete with any Imgix transformation parameter. It can be helpful ie. to find places where you did not add any optimization parameters in your frontend, making your pages slower to download than needed.

  • Top requested transformations: similar to the above, but it sorts asset by number of requests rather than consumed bandwidth.

As always, we remind that every report is updated every minute, but they’re not to be considered 100% accurate, and only serve for qualitative analysis.