A thread on #HeadlessCMS where you will know most of things about what it is, how is it different to traditional #CMS, why it matters, pros & con's, and the most popular Headless CMS.

👇 #100DaysOfCode
So before you understand what this #HeadlessCMS is all about, in the first place you should know need to understand the difference between a Headless CMS and a conventional (or traditional) #CMS.

👇 #100DaysOfCode
Traditional #CMS platforms, like Joomla for instance, come with a front-end delivery layer, otherwise known as the “head” — that dictates how the content is presented to the end-user (1/3).

,👇 #HeadlessCMS #100DaysOfCode
The front-end is tightly coupled with the back-end, which stores the content alongside the database, files, and codebase that help to operate the #CMS platform (2/3).

👇 #HeadlessCMS #100DaysOfCode
#HeadlessCMS has had its “head” — or front-end delivery layer — removed, leaving only the back-end. As a result, the content inside the #CMS is no longer tied to a particular template or delivery layer. Instead, it’s free to be sent to any channel/device (3/3).

👇#100DaysOfCode
So now you understood the difference between the traditional #CMS and #HeadlessCMS. So niw its time to exactly what Headless CMS is all about in the next tweet.

👇 #100DaysOfCode
So, what is Headless CMS ?

Headless CMS architecture separates back-end content functions (like creation, management, and storage) from front-end functions (like presentation and delivery).

👇 #100DaysOfCode #HeadlessCMS #CMS
Why you should use #HeadlessCMS?

This Headless approach allows developers to provide content as a service (#CaaS), which simply means that content storage and delivery are handled by separate software.

👇 #100DaysOfCode #CMS
Here are some of the most popular #HeadlessCMS that i'll cover it herr:

#Contentful
#GraphCMS
#Strapi
#AgilityCMS
#NetlifyCMS
#Prismic
#ButterCMS
#Sanity
#DatoCMS
#dotCMS

👇 #100DaysOfCode #CMS
1⃣ Contentful: contentful.com

#Contentful is an #API-driven #HeadlessCMS that focuses on content and #backend. It is considered as one of the best systems for small to medium enterprises.

👇#100DaysOfCode #CodeNewbie
2⃣ GraphCMS: graphcms.com

#GraphCMS allows you to develop a hosted #GraphQL #backend for your app to define relations, structures, and permissions of your app data. Comes with number of tools to create & manage your content.

👇#100DaysOfCode #CodeNewbie #HeadlessCMS
3⃣ Strapi: strapi.io

#Strapi is an #opensource #HeadlessCMS built on #Nodejs which is the #frontend agnostic platform, that empowers engineers to design, manage (multiple #APIs) and distribute content anywhere.

👇#100DaysOfCode #CodeNewbie
4⃣ Agility CMS: agilitycms.com

#AgilityCMS aims to be the fastest #HeadlessCMS on the market. The platform is open to all developers and focuses on making integrations as easy as possible.

👇#100DaysOfCode #CodeNewbie
5⃣ Netlify CMS: netlifycms.org

#NetlifyCMS can be used with any static generator for a faster & more flexible web project. Your content is stored in your #Git repo alongside your code for easier versioning and multi-channel publishing.

👇#100DaysOfCode #CodeNewbie
6⃣ Prismic: prismic.io

#Prismic is a #SaaS #HeadlessCMS trusted by many enterprises such as Google & Netflix. It allows you to choose the technology, framework, and language. It supports native integrations with #Shopify and #Magento.

👇#100DaysOfCode #CodeNewbie
7⃣ Butter CMS: buttercms.com

#ButterCMS is an #API-first CMS that enables transferring the data from old traditional #CMS. Powers with great features like custom page types, #webhooks, #CDN & multi-site support, and testing environment.

👇#100DaysOfCode #CodeNewbie
8⃣ Sanity: sanity.io

#Sanity is an #opensource #HeadlessCMS built on #JavaScript and #React. It provides real-time collaboration, live previewing, and content versioning. “Build with structured content” is the byword of Sanity.

👇#100DaysOfCode #CodeNewbie
9⃣ DatoCMS: datocms.com

#DatoCMS is a #HeadlessCMS #CaaS platform that supports multiple languages, Manage your structured content in a single hub & deliver beautifully crafted customer experiences on all your channels.

👇#100DaysOfCode #CodeNewbie
🔟 dotCMS: dotcms.com

#DotCMS is an #opensource #HeadlessCMS features multi-lingual & multi-tenant capabilities, a WYSIWYG editor with drag-n-drop to engage in content modelling, workflow building, and page layout modification.

👇#100DaysOfCode #CodeNewbie
Yes, I left out a few other notable #HeadlessCMS that includes Directus, Content Stack, and among others. It's very difficult to add all of those headless here. Let me know if i have missed out any other popular ones.

👇#100DaysOfCode #CodeNewbie

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Mighty FrontEnd Engineer 🇮🇳

Mighty FrontEnd Engineer 🇮🇳 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @NaveenS16

5 Dec
🧵 M E G A T H R E A D

Check out all of my amazing threads that cover various topics like #JavaScript, #React, my favourite podcasts and many more...

👇#100DaysOfCode #CodeNewbie
Thread #1: This is the place where you can find most of the amazing resources, tutorials, code snippets, tips and tricks about #JavaScript. Happy Coding Days 😎

👇#100DaysOfCode #CodeNewbie #React
Thread #2: This is the place where you can learn most of the thing about #React. Find out some of the best resources, tutorials, code snippets, tips and tricks to enhance your React skills.

👇#100DaysOfCode #CodeNewbie #JavaScript #ReactHooks
Read 21 tweets
7 May
#Git Tips 👉 This is how to remove sensitive data from history, after a push 😎

#GitHub #DevTips #100DaysOfCode #CodeNewbie #301DaysOfCode
#Git Tips 👉 To show all the tracked and untracked files. #GitHub #DevTips #100DaysOfCode #CodeNewbie #301DaysOfCode
#Git Tips 👉 This one comes in handy when you accidentally commit something with a typo or misleading commit message. The -v is optional, but I like it coz it shows lot of info about changes which helps to write a more descriptive commit message. #100DaysOfCode #CodeNewbie
Read 43 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!