What's this?
This is a simple tool to give you an overview of your Contentful content types. You can quickly get an overview of all your content types and how they relate, as well as what fields that are available on your content types.
This tool has no affiliation with the company Contentful GmbH.
How does it work?
When you log in you will be taken to the Contentful web app where you log in with your regular Contentful username and password. The first time you need to give this tool (the "Visual CTF app") access to fetch your content types.
When logged in you select a Contentful space to list all content types (that you have access to).
The content types may be grouped by using a naming convention for the types (ex: the content types named “Page > Start” and “Page > About” will be grouped together in a group calle “Page”)
You can expand a content type to see all the fields.
When clicking/tapping on a content type it will be highlighted together with the content types that may be referenced, and the content types that may reference the content type you clicked.
Why?
The first ever Contentful project I was involved in grew fast in number of content types (currently 100+). It was getting hard for team members to get an overview of what content types existed, what fields they have, and how they relate to each other.
It's hard to get this overview in the Contentful web app, or by looking at your code. But this information is vital when deciding if a new content type should be created, or if an existing content type can be tweaked and used instead.
So, I decided to create a simple tool that could visualize our content types. This was done fairly quick, and I realized that it wouldn't be that much of work to make this available to everybody (but of course it was a bit more work than I anticipated 😀).
Since this tool first was intended for internal use only, created with as low effort as possible, it may be a bit rough around the edges. Please let me know if you have any suggestions for improvements.
Is this secure?
It's important that you understand what happens when you give this tool access to fetch your content types from Contentful.
The Visual CTF app will get read-only access to all content types and content that you have access to, in all your spaces. If you have any sensitive data of any kind in your Contentful spaces you might not want to use this tool (see disclaimer below). This tool will not be able to change or update anything in your Contentful spaces.
When authorizing this tool you can check that the application will be able to “Read your content in all Spaces”, and nothing else.
No data about you, or your Contentful data, is stored in this tool. As soon as you log out, all data that are temporarily stored in memory are erased. Anonymous visitor tracking is performed using Google Analytics, simply because I'm curious if anyone is actually using this tool.
All source code for this tool is available here so you can take a look yourself that nothing fishy is going on.
Disclaimer
There might be bugs in both mine and Contentful's code. Or a malicious hack may have been performed by aliens. All your data may be sent to a Soviet nuclear sub. 😀
I don't guarantee anything but this: I have done my very best to make this tool secure, and to keep the integrity of its users.
Who made this tool?
My name is Erik, I'm a solutions architect from Sweden, specialized in CMS & web solutions for large organizations.
More about me here: https://www.linkedin.com/in/erikhenningson/