The New Object Field to Create Nested & Repeatable Data Structures 🚀

Written by webiny | Published 2021/08/08
Tech Story Tags: cms | headless-cms | aws | serverless | javascript | good-copmpany | repeatable-data-structures | nested-data-structures

TLDR The new Object field allows you to build nested data structures with ease. You can also nest objects within other objects. The data structure created with Object fields can be repeatable (like an array of nested objects) The Use as a repeatable object property allows the creation of the repeatable Object. The Object field respects all the rules and behaviours of all the other existing fields (ref, richText field, etc.) You also get a full GraphQL Schema auto-complete on your nested fields.via the TL;DR App

⚡️Seamlessly create nested and repeatable data structures with the new Object field.

With the latest Webiny 5.11.0 release, we are glad to introduce the new ‘Object Field in Headless CMS’ feature.

With the Object field you can create complex data structures with ease. Let's dive into the highlighting capabilities of the Object field.

Nested and repeatable data structures were some of the hot topics discussed in the Webiny community. We’d like to give a huge thanks to our community members for their suggestions and contributions.

Build Nested Data Structures

The new Object field allows you to build nested data structures. You can create an object and add various existing fields (ref, richText field, etc.) to it.

Along with this, you can also nest objects within other objects.

Repeatable Structure

The icing on the cake is that the data structure created with Object fields can be repeatable (like an array of nested objects).

The Use as a repeatable object property allows the creation of the repeatable object. For example: Setting the Use as a repeatable object property to true on the Equipment model will make it multi-valued.

Below is the model view for the multi-valued Equipment field:

The preview of the model will look like this:

GraphQL Schema Auto-Complete Support

Object field respects all the rules and behaviours of all the other existing fields (ref, richText field, etc.). You also get a full GraphQL Schema auto-complete on your nested fields.

Alright, let's see the demo in action!

Try the new Headless CMS - Object field and please let us know your valuable feedback!


Written by webiny | #OpenSource #React #NodeJs #GraphQL #Headless #Serverless
Published by HackerNoon on 2021/08/08