README.md

First add the schema

• In DC go to Development > Content Type Schemas
• Create a new schema
  • id: http://example.com/blogpost-algolia-demo.json
  • Used for: Content Type
  • Paste in the json from blogpost-algolia-demo.json and save the schema

Now add the content type

• Go to Development > Content Types
• Register a new content type
  • Content type schema: internal
  • Select your new schema (http://example.com/blogpost-algolia-demo.json)
  • Name 'Simple blog post'
  • Save the content type

Finally add the handlebars template, which will be used to generate the HTML via the Content Rendering Service:

• Save simpleblog.html into a local file
• Login to Amplience Content Hub
• Upload the new template simpleblog.html
• Publish the template

blogpost-algolia-demo.json

{
  "$schema": "http://bigcontent.io/cms/schema/v1/schema#",
  "id": "http://example.com/blogpost-algolia-demo.json",
  "title": "Simple Blog Post",
  "description": "Blog Post",
  "allOf": [
    {
      "$ref": "http://bigcontent.io/cms/schema/v1/core#/definitions/content"
    }
  ],
  "propertyOrder": [
    "title",
    "description",
    "content",
  "snippet"
  ],
  "type": "object",
  "properties": {
    "title": {
      "type": "string",
      "minLength": 0,
      "maxLength": 255,
      "title": "Title",
      "description": ""
    },
  "description": {
      "type": "string",
      "minLength": 0,
      "maxLength": 500,
      "title": "Description",
      "description": ""
    },
    "content": {
      "title": "Content",
      "description": "content",
      "type": "string",
      "format": "markdown"
    },
  "snippet": {
        "type": "object",
        "title": "Snippet",
        "description": "",
        "properties": {
            "image":{
            "title": "image",
            "description": "image",
            "allOf": [
                { "$ref": "http://bigcontent.io/cms/schema/v1/core#/definitions/image-link" }
            ]
            },
            "title": {
                "type": "string",
                "minLength": 0,
                "maxLength": 255,
                "title": "Snippet Title",
                "description": ""
            },
            "description": {
                "type": "string",
                "minLength": 0,
                "maxLength": 500,
                "title": "Snippet Description",
                "description": ""
            }
      }
  }
  }
}

simpleblog.html

<div>{{{description}}}</div>
{{#if image}}<img
            src="https://{{image.defaultHost}}/i/{{image.endpoint}}/{{encodeURI image.name}}?w=760"
            {{#if imageAltText}} alt="{{imageAltText}}" {{/if}}/>{{/if}}
<div>{{{content}}}</div>