Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - Bolaji Ayodeji (Hashnode)

•

1 like•57 views

This document introduces content management and content management systems. It discusses traditional coupled CMSs and introduces headless CMSs, which separate the content authoring from content delivery. Headless CMSs make content accessible via APIs for display on any platform. The document outlines benefits of headless CMSs like omni-channel experiences, team flexibility, front-end flexibility, and increased development speed. It categorizes headless CMSs as API-driven or git-based. Examples of headless CMS options are also provided.

Internet

Optimizing
Content
Management
with the
Headless CMS
https://bolajiayodeji.com
@iambolajiayo

Bolaji Ayodeji
Developer Advocate at Hashnode
JAMstack Developer and Technical Writer
In love with Docs && Web Engineering

For as long as humans
have been creating
content, we’ve been
searching for solutions
to manage it.

The need for content
management didn’t begin with
the World Wide Web, but
simply increased, when the
Web was born in the early
’90s.

Outline
Introduction to Content Management
Introduction to Content Management Systems
Traditional CMS (Coupled)
Headless CMS, the what?
Headless CMS, the why?
Categories of Headless CMS
Content as a Service (CaaS)
Headless CMS Options

The "big four" of
content management
Digital asset
management
(DAM)
Records
management
(RM)
Web content
management
(WCM)
Enterprise content
management
(ECM)

Introduction to
Content Management
Systems

A content management application
(CMA)
A content delivery application
(CDA)

Traditional content management
systems are “coupled”.
The (CMA) and (CDA) come together
in a single application.

A headless CMS, is a back-end only
content management system built
from the ground up as a content
repository that makes raw
structured content accessible via
APIs or the Git workflow for display
on any platform or device.

Headless’ lacks content presentation
functionality or frontend display.
You need additional technologies to serve
the “head.”

The content is created and edited in the
back-end, and the front-end takes
advantage of flexible and fast web
services and APIs to deliver the raw
content to any front-end design on any
device or channel.

1
Omni-channel
experiences
2
Team
flexibility

3
Front end
flexibility
4
Structured
data

5
Security and
Scalability
6
Simple
workflow

7
Development
speed
8
Content
repository

API DRIVEN
With an API-driven
CMS, you make
changes on the CMS
and deliver these
contents to your
application’s front-end
with an intermediary
API (JSON or XML)

GIT BASED
With a git-based CMS
you make changes
using the Git workflow
in a repository service
like GitHub that then
triggers a new build of
your site and updates
content.

Git Based
Netlify CMS
Publii
Forestry
Hexo Admin
Jekyll Admin
Strapi
Contentful
GraphCMS
Cosmic
Sanity
API Driven

Today's modern CMS revolution is
driving up demand for more flexible,
scalable, customizable systems that
deliver the experience you want, and
your customers expect.

Thank you!
https://bolajiayodeji.com
Twitter: @iambolajiayo
Hashnode: @bolajiayodeji
GitHub: @bolajiayodeji

There are many ways you can connect the cloud and your on premise applications using Microsoft Azure. How do you decide which is the right one to use? In this session Michael will discuss some of the options available including Azure networking, Azure Service Bus and Azure BizTalk Hybrid Connections. We will discuss some of the pro’s and cons of each and examples of where they have been used in real world projects.

Adding Enterprise Content Managment to your Drupal site using CMIS

Samba Team

ASAS 2013 - Architecture for dynamic mobile forms at MoreApps

Avisi B.V.

Azure IPaaS: #IntegrationEvolved (Glenn Colpaert @ Codit's BizTalk 2016 Launch)

Codit

Once upon a time… integration was all about ESB’s, EAI and B2B. Today, many companies wish to integrate beyond firewalls, and typically with SaaS. Hence the uprise of API based integration, using lightweight protocols. The evolution is a fact; so now what is the current state of the Azure Integration Platform? Glenn dives into its architecture and explains Logic Apps and the Enterprise Integration Pack. Learn to create basic IFTTT (If This Then That) scenarios, or why not: think bigger and create enterprise-level, hybrid integration scenarios using Logic Apps and on premises LOB apps. 'How does it work', 'How is it Made' and 'How does it all fit together’? Just a couple of questions you will find the answer to.

AIMS Website Revamp

AIMS (Agricultural Information Management Standards)

What to look for in an integration platform

BizTalk360

The landscape for integration platforms continues to evolve. Cloud, Hybrid, Mobility, SaaS connectivity, API Management and MicroServices are introducing new architectural patterns and requirements. These new capabilities are also introducing new entrants in the integration platform industry. For customers who are looking to adopt a new integration platform, this can be an overwhelming and confusing situation. In this talk, Kent will take a requirements driven approach when selecting an integration platform.

vienna.html - Turn your Blog into Facebook Instant Articles + Contentful Intro

Rouven Weßling

Microsoft Azure News - February 2022

Daniel Toomey

SharePoint Framework (SPFx) promoted as "the future of SharePoint development" has been released in developer preview. The framework might be new, but that is a framework that we all have been longing for quite some time. Client-side development has been here for years and we all built our own frameworks. This model leverages techniques we are used to such as CSOM, the SharePoint REST API's, the Microsoft Graph etc. and at the same time embraces open source technologies such as node.js, Gulp, Yeoman and more. I will talk about SharePoint Development Model Evolution and demonstrate use of Light Weight Components with SPFx by developing client side Web Parts.

Azure app services API apps

Panagiotis Tsilopoulos

The API Apps support within Azure App Service provides additional support that enables you to easily create, consume and call APIs - both APIs you create (using a framework like ASP.NET Web API or the equivalent in other languages) as well as APIs from other SaaS and cloud providers. During the presentation we will explore the fundamentals of creating, calling & consuming REST APIs using ASP.NET Web API on Azure. We will also examine a test case of using an API from a third-party cloud provider within Azure.

Rishabh Technology and Tools Overview (1)D Trivedi

Windows AzureJanakiram MSV

Building Enterprise Integration scenarios with the SAP Connector for Logic Apps

BizTalk360

It was 2015 when Microsoft first announced Azure App Services. Since then the platform has gone through a lot of changes and tons of new capabilities and features were added. Especially when looking at Logic Apps. After the change in the engine and designer the first SAP Connector was removed from the platform, but recently the new SAP Connector was released in public preview. Now that the new SAP Connector is finally available Glenn will demonstrate how easy it is to build enterprise level integration scenarios with the SAP Connector for Logic Apps.

v5arcus (LinuxWorld)

Hrishika Pranjal

Build robust streaming data pipelines with MongoDB and Kafka

Ashnikbiz

Kafka is an event streaming solution designed for boundless streams of data that sequentially write events into commit logs, allowing real-time data movement between your services. The MongoDB database is built for handling massive volumes of heterogeneous data. Together MongoDB and Kafka make up the heart of many modern data architectures today. Database plays a critical role in event-driven architectures. While events flow through Kafka in an append-only stream, MongoDB helps the consumer to proactively make streams of data from the source systems available in real time. The MongoDB Connector for Kafka simplifies building a robust, streaming event pipeline.

Content Management - The story of headless CMS

Strapi

Create.js - Inline editing for any website

Henri Bergius

What's hot

ITB2016 - ContentBox Modular CMS

Ortus Solutions, Corp

Azure app services 2 - Logic & Api Apps

Bill Chesnut

contentful_secGowrishankar V

Azure Web Apps - Introduction

Christopher Gomez

The new Azure App Service Architecture

João Pedro Martins

Life of HTML5

dynamis

API Management and Hybrid Integration

BizTalk360

Bluemix Girl's Night by Keshia - Building a custom HR application

craftworkz

MBaaS (Mobile Backend As a Service)

Imam Raza

Get Cloud ReadyJanakiram MSV

AWS Customer Presentation - kikinAmazon Web Services

Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

craftworkz

5 Absolutely Beautiful Things about Platform as a Service (PaaS)

Cory Fowler

SPFx- A modern development model for SharePoint

Kirti Prajapati

Azure app services API apps

Panagiotis Tsilopoulos

Rishabh Technology and Tools Overview (1)D Trivedi

Windows AzureJanakiram MSV

Building Enterprise Integration scenarios with the SAP Connector for Logic Apps

BizTalk360

v5arcus (LinuxWorld)

Hrishika Pranjal

Build robust streaming data pipelines with MongoDB and Kafka

Ashnikbiz

What's hot (20)

ITB2016 - ContentBox Modular CMS

Azure app services 2 - Logic & Api Apps

contentful_sec

Azure Web Apps - Introduction

The new Azure App Service Architecture

Life of HTML5

API Management and Hybrid Integration

Bluemix Girl's Night by Keshia - Building a custom HR application

MBaaS (Mobile Backend As a Service)

Get Cloud Ready

AWS Customer Presentation - kikin

Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

5 Absolutely Beautiful Things about Platform as a Service (PaaS)

SPFx- A modern development model for SharePoint

Azure app services API apps

Rishabh Technology and Tools Overview (1)

Windows Azure

Building Enterprise Integration scenarios with the SAP Connector for Logic Apps

v5arcus (LinuxWorld)

Build robust streaming data pipelines with MongoDB and Kafka

Similar to Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - Bolaji Ayodeji (Hashnode)

Content Management - The story of headless CMS

Strapi

Create.js - Inline editing for any website

Henri Bergius

Headless CMS VS Traditional CMS.pdf

GlanceSys Information Technology Pvt. Ltd.

What is the Purpose of Developing Your Website Using Headless CMS?

Pitangent Analytics & Technology Solutions Pvt. Ltd

Decoupling Content Management with Create.js

Henri Bergius

Cloud CMS presentation at Harvard Digital Publishing Collaborative - Dec 2015

Cloud CMS

A Comprehensive Guide to Content Management Systems.pdf

Techugo

A Comprehensive Guide to Content Management Systems.pdf

Techugo

Content Management Software (CMS) is a tool that enables businesses to efficiently manage and publish their website content. A CMS streamlines the process of creating, editing, and publishing content, allowing businesses to easily maintain and update their website without technical expertise. With features such as user-friendly interfaces, customizable templates, and integrated SEO, a CMS is essential for businesses looking to effectively manage their online presence.

Headless Hype: What It's All About and When It Makes the Most Sense

PerfectSense

Wcms2009Open Source Web Content Management System

Umesha Naik

What is a CMS.

Techugo

Hci 590 Content Management Systems Week1 090330bhenkel

What is a CMS.pdf

Techugo

CMS stands for the content management system. This might be the right option if you are looking for an easy way to build a website quickly and with minimal technical knowledge and resources. We’ll explain what a CMS is. Additionally, we will also discuss how developers use a CMS to manage their sites’ infrastructure to allow them to focus on creating innovative and pleasant content that leads increase conversions.

Top 5 ruby on rails cms platforms for 2020

Katy Slemon

Talking to 25% of the web - In-depth report and analysis on the WordPress RES...

Stephane Beladaci

WordPress seems to finally evolve from a bloated platform serving web pages into a modern development solution, API first, with a multi-tiered architecture capable of supporting cross-platform / multiscreen application development. All of the above without becoming a giant hack, which should read a giant mess no matter how cool that sounds to the new-gen developers "a la Facebook". Maybe WordPress will lead the developers community to a "next-gen" era where professional won't be so "new". This document was originally published by experience development agency "Human-Made", and authored by its co-founders Tom Willmot, CEO, and Joe Hoyle, CTO and a member of the WordPress REST API development team. Contributors: Ryan McCue, WordPress REST API Team Co-Lead; Daniel Bachhuber, WordPress REST API Team; Siobhan McKeown, Writer & Editor; Michael Pick, Designer.

The CMO Guide to Headless CMS for B2B SaaS & Tech Companies.pdf

Contento

MiaCMS - Past, Present, and Future

Chad Auld

Mia Cms Presentation

Akarawuth Tamrareang

The Future of the CMS

Himanshu Mendiratta

Website 101

⭐️ Matt Handal ⭐️

Similar to Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - Bolaji Ayodeji (Hashnode) (20)

Content Management - The story of headless CMS

Create.js - Inline editing for any website

Headless CMS VS Traditional CMS.pdf

What is the Purpose of Developing Your Website Using Headless CMS?

Decoupling Content Management with Create.js

Cloud CMS presentation at Harvard Digital Publishing Collaborative - Dec 2015

A Comprehensive Guide to Content Management Systems.pdf

Headless Hype: What It's All About and When It Makes the Most Sense

Wcms2009Open Source Web Content Management System

What is a CMS.

Hci 590 Content Management Systems Week1 090330

What is a CMS.pdf

Top 5 ruby on rails cms platforms for 2020

Talking to 25% of the web - In-depth report and analysis on the WordPress RES...

The CMO Guide to Headless CMS for B2B SaaS & Tech Companies.pdf

MiaCMS - Past, Present, and Future

Mia Cms Presentation

The Future of the CMS

Website 101

More from Shift Conference

Shift Remote: AI: How Does Face Recognition Work (ars futura)

Shift Conference

Shift Remote: AI: Behind the scenes development in an AI company - Matija Ili...

Shift Conference

Creating any type of company takes enormous amounts of effort, hard work, and persistence. Let alone an Artificial Intelligence company. As we can assure you, it will take a lot more than the above and adding just a team of brilliant AI scientists to build complex real-world AI solutions. In this talk, we will show you the crucial roles of development teams in a high-performing Artificial Intelligence company.

Shift Remote: AI: Smarter AI with analytical graph databases - Victor Lee (Ti...

Shift Conference

Today's analytical graph databases are taking organizations to another level by connecting all their data, representing knowledge better, and obtaining answers to deeper questions in real time. These benefits extend to the world of machine learning and AI. This talk will illustrate several ways in which graph databases and graph analytics can deliver smarter AI: 1. Unsupervised learning with graph algorithms. 2. Feature extraction and enrichment with graph patterns. 3. In-database ML techniques for graphs

Shift Remote: DevOps: Devops with Azure Devops and Github - Juarez Junior (Mi...

Shift Conference

Shift Remote: DevOps: Autodesks research into digital twins for AEC - Kean W...

Shift Conference

Autodesk Research has been exploring the intersection of BIM (Building Information Modeling) and Internet of Things (IoT) for the last decade. Project Dasher (http://dasher360.com) integrates sensor data with model data from Autodesk’s Forge platform to contextualize IoT data in 3D. This session will look at the history of Dasher, as well as how some of its capabilities are now being integrated into Forge, allowing web developers to build digital twins integrating real-world performance data with 3D geometry.

Shift Remote: DevOps: When metrics are not enough, and everyone is on-call - ...

Shift Conference

Shift Remote: DevOps: Modern incident management with opsgenie - Kristijan L...

Shift Conference

Shift Remote: DevOps: Gitlab ci hands-on experience - Ivan Rimac (Barrage)

Shift Conference

DevOps tooling and practices are changing every day. Nowadays you can standardize and automate your infrastructure, application delivery, and policies as code. You’ll be ready to adapt quickly—helping your team do their best work faster while staying competitive. Gitlab CI is a modern tool which can help you manage, package, configure and much more with your apps. You can get your infrastructure to play very nice with it. It is designed to improve software development productivity. Topics we will be covering in a talk are pipeline configuration, DAG, components, controls, job configuration.

Shift Remote: DevOps: DevOps Heroes - Adding Advanced Automation to your Tool...

Shift Conference

DevOps is more than the process of automating your CI/CD pipelines to generate code and deployment artifacts for production. It's also about organizational change and integration of many subtle processes that help you to deliver applications seamlessly from development to production through your operations.Let's unlock the power of process integration with a getting started walk through of a free online hands-on workshop that adds advanced automation to your devops toolbox. We'll take you through the integration of an organizational process as part of your DevOps strategy. Step-by-step you'll learn how to build a data model, create an automated process, integrate user approval tasks, and more using modern open source process automation tooling. No experience in automation integration is required. Join us for a short session that helps you in adding a new tool to your devops toolbox.

Shift Remote: DevOps: An (Un)expected Journey - Zeljko Margeta (RBA)

Shift Conference

Shift Remote: Game Dev - Localising Mobile Games - Marta Kunic (Nanobit)

Shift Conference

Nanobit is famous for its interactive story games. In the beginning we created those games only in English and without support for any other language. There were many people who were not able to play them because they didn’t speak English and couldn’t understand anything. In this talk you will find out how we managed to translate our games and increase the number of our players more than twice.

Shift Remote: Game Dev - Challenges Introducing Open Source to the Games Indu...

Shift Conference

As many of us already know - open source is highly prevalent in the wider technical landscape. However, in the games industry, it is far less so. At Google we’ve been working on a variety of open source projects for game developers, and have come across several challenges that are fairly unique to the games industry -- so let’s take a look at them, and some proposed solutions that we’ve come up with to help you in that area!

Shift Remote: Game Dev - Ghost in the Machine: Authorial Voice in System Desi...

Shift Conference

Shift Remote: Game Dev - Building Better Worlds with Game Culturalization - K...

Shift Conference

With over 30 years of experience in digital media as a geographer and culturalization strategist, and 27+ years in games, Kate Edwards has been involved in the creation of many games, including major titles such as Halo, Fable, Age of Empires, Mass Effect, Call of Duty, and many, many others. She has seen it all when it comes to geopolitical and cultural issues that are often overlooked in content creation and can negatively affect the ability of content to be accepted overseas, and she has seen designers miss opportunities to create more robust worlds that engage the players from diverse cultural backgrounds. Kate will discuss the field of content culturalization and how it can assist game creators with building better game worlds that account for a wider range of cultural and geopolitical considerations.

Shift Remote: Game Dev - Open Match: An Open Source Matchmaking Framework - J...

Shift Conference

Developers want to focus on connecting players together for online multiplayer game sessions, not gaming infrastructure. Google has worked alongside developers and publishers to create Open Match to solve this issue. This open source matchmaking framework provides developers with tools to build a scalable matchmaker without the overbearing tasks of managing their infrastructure when hit with a sudden surge of players. In this talk, we will explore Open Match, its features, and the benefits of building Open Match in open source.

Shift Remote: Game Dev - Designing Inside the Box - Fernando Reyes Medina (34...

Shift Conference

Shift Remote: Mobile - Efficiently Building Native Frameworks for Multiple Pl...

Shift Conference

Shift Remote: Mobile - Introduction to MotionLayout on Android - Denis Fodor ...

Shift Conference

Shift Remote: Mobile - Devops-ify your life with Github Actions - Nicola Cort...

Shift Conference

Shift Remote: WEB - GraphQL and React – Quick Start - Dubravko Bogovic (Infobip)

Shift Conference

More from Shift Conference (20)