Marketing Lead at Flamelink.io, the Firebase CMS
In this article we’ll cover how to create a schema in Flamelink, a headless CMS for Firebase. We’ll also cover how to edit your schema details and how to add, sort & customize your fields.
If you’re reading this, I’d like to assume that you’ve already:
If the above does not describe you, kindly follow the above 4 steps. (Trust me on this.)
Alrighty, let’s jump straight into it. You can either watch the Tutorial video below, or follow along with the article (now with free screenshots included).
Flamelink’s Schema builder lets you structure your content or data in the most optimal way for your app, offering you complete freedom to choose the type of fields you need, the order in which you need them, and with the validation you require.
There are 3 types of schemas:
Remember: Flamelink is a content management tool that you can use for web AND mobile applications.
For this tutorial though, imagine you’re using Flamelink to build a website with a blog.
You’d use a collection to create Blog Posts so that individual posts will be stored under this schema and every post will have the same schema layout.
This single content type has a unique content structure and differs from one structure to the next. So the ‘About’ page would have different data inputs compared to the ‘Contact us’ page, so they’ll each be regarded as a Single content type.
This is a typical data capturing form like a “Contact” form to be filled in by a visitor to your site.
Select the “New Schema” block in the project screen
Or, select the “New Schema” button in the top right corner of the Projects or Schema screens.
Now, let’s fill in our Schema’s main details.
You’ll need to complete the following:
At the bottom of the details form, you also notice two toggles to sort/enable the schema:
Sortable Toggle: With the collection schema type, under the Content section, you’re able sort which entries should be positioned under which. So, sticking with our blog example, under “Blog Categories” you could have different categories like “Tech” with sub-categories like “Programming” and “Hardware”. Use this feature to sort and save your entries in the order you prefer.
Enable Toggle: This will allow the schema to be visible or not be visible under the Content section.
Hit ‘Save’ in the top right of the screen, to confirm and save your changes.
We built Flamelink in such a way that you’ll have the complete freedom to choose the fields you need and order them as required, customized to your project’s specific needs - we’re just outchea giving the people what they want.
Select Add Fields positioned at the top of the screen next to Schema Details.
All available fields that can be added to your schema, will be visible in a two-column grid.
Drag and drop the required fields from the orange settings panel to the blank preview panel on the right.
Alternatively double click the field or template group in the orange settings panel on the left, to add it to the blank preview panel on the right side.
Once you’ve successfully added the field, a green check mark will be visible in the top right corner of the field. Select the Save button in the top right, to confirm and save your changes.
After adding the fields/template to your schema, select your first field to open the Edit Fields view.
All the fields you added will still be visible on the right side of the page, however, the selected field will be highlighted and its details screen is now visible on the left in a two-column layout.
You can now Customize each field in your schema according to your needs and preferences.
Once you’re done adding the required validation to the relevant schema fields, select the ‘Save’ button to confirm and save your changes.
You can also toggle the “Show in overview table” switch to allow the user to define which fields they want to show in the table of entries when viewing your entries in the table view.
Hopefully, you’re equipped to set up your content schemas, edit your schema details, as well as add, sort and customize fields.
If you found this tutorial helpful, please remember to clap for it and share it with other Firebase users.
Till next time.