Scribd Logo
Upload

Welcome to Scribd!

  • 51 views

    Introduction To Headless CMS AJI

    Uploaded by

    Ysn Arrf
    A headless CMS was proposed as a solution to the company's need for an easy-to-use blog that could be integrated into their existing homepage, without being in a separate subdomain. A headless CMS allows designing a custom blog interface directly in the homepage while using a CMS like Strapi for content management through its API. This provides benefits over traditional CMS options or building a custom solution, allowing non-technical content writers while giving developers flexibility.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Introduction To Headless CMS AJI

    Uploaded by

    Ysn Arrf
    51 views18 pages
    A headless CMS was proposed as a solution to the company's need for an easy-to-use blog that could be integrated into their existing homepage, without being in a separate subdomain. A headless CMS allows designing a custom blog interface directly in the homepage while using a CMS like Strapi for content management through its API. This provides benefits over traditional CMS options or building a custom solution, allowing non-technical content writers while giving developers flexibility.

    Original Title

    Introduction to Headless CMS AJI

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    A headless CMS was proposed as a solution to the company's need for an easy-to-use blog that could be integrated into their existing homepage, without being in a separate subdomain. A headless CMS allows designing a custom blog interface directly in the homepage while using a CMS like Strapi for content management through its API. This provides benefits over traditional CMS options or building a custom solution, allowing non-technical content writers while giving developers flexibility.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    51 views18 pages

    Introduction To Headless CMS AJI

    Uploaded by

    Ysn Arrf
    A headless CMS was proposed as a solution to the company's need for an easy-to-use blog that could be integrated into their existing homepage, without being in a separate subdomain. A headless CMS allows designing a custom blog interface directly in the homepage while using a CMS like Strapi for content management through its API. This provides benefits over traditional CMS options or building a custom solution, allowing non-technical content writers while giving developers flexibility.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 18

    Introduction to

    Headless CMS
    Aji Kisworo Mukti
    Co-founder at Sertiva
    The Problem

    Our company need a blog for content marketing

    The blog should easy for content writers to use

    Our SEO specialist don’t want your blog in separate subdomain

    We already have custom made homepage

    www.sertiva.id [email protected]
    Solution A - Use CMS

    Use wordpress for quick and easy-to-use setup

    Separated from the homepage


    Solution B - Custom CMS
    ● Write custom CMS backend for blog
    ● Implement custom blog interface in existing homepage
    ● “Raw” content writing experience from the backend
    ● Time consuming
    Solution C - Combine Solution A and B
    ● Use Wordpress for easy to use Dashboard
    ● Add REST API plugin as a connector
    ● Implement custom blog interface in existing homepage
    Solution D - Headless CMS
    ● Use Headless CMS
    ● Design API using builder
    ● Implement custom blog interface
    in existing homepage

    Cockpit
    How we do it
    ● Create a Strapi project
    ● Create an article content type using the builder
    ● Add content to article and publish
    ● Consume the content types API at /articles

    Check out the Strapi Quick Start Guide for details


    Collection
    API
    Endpoints
    ● /articles
    ● /articles/1
    ● /articles/count
    Parameters
    ● Filters
    ● Sort
    ● Limit
    ● Start
    ● Publication State
    Implement
    More possibilities
    Mobile Client

    https://dribbble.com/shots/14975376-Blog-UI
    Landing Page Content

    Header Single Type Endpoint /pages


    Endpoint /header

    Hero ● Name
    ● URL

    Client ● SEO

    Sections collection
    Feature ● Title
    Collection Type ● Component
    ● Subtitle
    ● Variant
    ● Content
    ● Image
    Testimony ● Video
    ● Button
    CTA

    Footer Single Type Endpoint /footer


    API

    Endpoint Sections
    ● Hero ● Client
    ● /header ○ Variant Two
    ○ Variant One
    ● /footer ○ Title
    ○ Title
    ● /pages ○ Subtitle ○ Subtitle
    ○ Image
    Pages Collection ○ Button
    ■ Client 1
    ■ Label
    ■ URL ● Image
    ● Name
    ○ Video ■ Client 2
    ● URL ● Image
    ■ Thumbnail
    ● SEO ■ URL
    ● Sections
    The pros and cons depend on the context of your goals
    and the resources you have available.

    Thanks

    You might also like