Multiple options again this week
All the CMS options involve creating and establishing a website using a CMS
This week we have many options to select which CMS you want to use as the backdrop
All will have the same scenario / base requirement regardless
Your site effectively IS your blog post
Video is subjective to material in option
You work for a paranoid boss who doesn’t want a server that is running a database because It CoUlD GeT hAcKeD
Trolling aside, “Chris” wants you to review static and database-less solutions to avoid SQL injection
“Chris” (Definitely not the name of my boss) wants you to review open source publishing solutions that could help the team produce simple marketing sites easily
Chris knows there are many options out there for building small websites “statically” and has heard of these hybrid solutions as well
Pick a CMS mentioned today and build Chris a site that has 5 pages included on it in order to convince him to utilize this technology in the next project
Introduction to the community, support links, description
Pros and Cons of this solution (bullet list)
Alternatives, why you selected this one instead
How this system structures data. Explain how it manages a hierarchy of content, screenshots and examples of the relation between the website and file system are required
Embed of your Video submission for the week
If you pick HAXcms - I want to hear about JSON Outline Schema, flat html files
If you pick Grav - I want to hear about PHP rendering the page by reading off the folder structure and .MD files
If Jekyll / 11ty / HAX11ty - I want a tutorial on how to get started with it, how you structured your site, how it interprets config YAML files to form site structure
In all of these I want to see the file system and relationship to what the web page becomes
Install HAXcms on Reclaim Hosting
Create the site described in the scenario
Inspecting your site making calls explain the following:
How HAXcms is headless (and what that means)
How the JSON Outline Schema standard enables the simple presentation of menus and hierarchies
Relate pieces of the UI to pieces of the schema
Install Grav on Reclaim Hosting
Create the site described in the scenario
In your video demonstrate the relationship between page editing, menu item creation, and how it relates to the files on the file system
Add a new page directly from the file system without the GUI
Use HAX11ty, 11ty, Jekyll or Docsify
You’ll have to do this locally via tooling (bash / terminal)
Make a build and upload the static files to your cPanel instance on Reclaim Hosting
Create the site in the scenario
Your video should explain and demonstrate the relationship between content structure and web page structure
Trace 1 page back to original file so user follows relationship
“How this system structures data” serves as your blog post among the rest of the pages of the site
Embed your screencast on page 5 of your 5 page site
Initial page mention the option you selected
Submit link to post in #lab6-flatfile-cms channel on Slack
This is due by Sunday at 11:59pm EST
Web site is created using a CMS from this week (2pts)
“How this system structures data” page accurately portrays how the system handles data (3 pts)
Demonstration of technique in video based on option (3pts)
Evaluation is contextualized based on which option you pick.
Option 1: HAXcms
Add a specialized web component, found in the Add Content menu (wikipedia, video from youtube, etc) on each of the 5 pages.
Option 2: Grav
Install the HAX plugin
Edit a page with and without the HAX plugin
Option 3: Make a site in HAX11ty
Use github actions to setup a workflow that automatically rebuilds the site w/ new content
Touch on this in your video. In each option Try to explain how HAX uses the DOM as an API to store data