Building Static Websites with Content from a Headless DNN

Brian Dukes

CTO, Engage

What is Headless?

Why HeadLess?

  • Multi-channel publishing
  • Unconstrained display
  • Focused development

Project Overview

  • Hundreds (ultimately thousands) of similar websites
  • Custom modules to manage content within DNN
  • Generate static HTML based on a site's content
  • Host HTML on AWS (CloudFront CDN in front of S3)

Static Websites?

Benefits

  • Fast
  • Secure
  • Scalable
  • Cheap

Drawbacks

  • Dynamic only via JavaScript and APIs
    • Personalization
    • A/B testing
    • Analytics and logging

DNN Integration

Files

Pages

  • URLs
  • Settings
  • Metadata
  • Theme

Site Settings

Custom Modules

  • Manage Site Settings
  • Create Content
  • Assign Content
  • DNN Content Items
  • Preview and Publish

Static Site Generation

Wyam

  • Razor
    • Authoring
    • Dependency management
  • Memory Leak
  • Razor
    • Authoring
    • Dependency management
  • Memory Leak
Razor markup

Alternatives

Use DNN for Display

3rd Party Content Management

  • 2sxc
  • OpenContent
  • Mandeeps

Custom Modules

Headless CMS (JAMstack)

  • Contentful
  • Kentico Kontent
  • Strapi
  • Netlify CMS

Conclusion