A framework to build out LLM-integrated SaaS apps during customer discovery

The 5 min Content Management System [↑]

[This the parameterized homepage content+variables = content/_index.md. Parameterized variables, the ‘front-matter’ = {font weight:int, red borders:t/f}. The wrapping homepage template, with remaining non-parameterized content/layout = layouts/index.html. The homepage template makes sections from extra markdown files, content/*.md, and updates the navbar to bookmark them for quick in page navigation, so you don’t need to manage a list manually in hugo.toml which is the approach usually taken by Hugo themes.]

hugo.toml

content/_index.md # homepage content
[content/**.md # extra content section]

layouts/_default/baseof.html # site-wide page wrapper
layouts/_default/single.html # content-wide wrapper, content/**.md != _index.md
layouts/index.html # homepage wrapper
[layouts/**.html # specific page wrapper override if present]

archetypes/default.md # markdown wrapper

hugo.toml essentials:

baseURL = "https://actual-website-domain.com/" # replaces absolute links
title = 'Friendly Domain Name' # sets {{ .Site }} in /layouts files

[taxonomies] # empty so explicitly undefined, but useful in bigger sites

Any files under content/extra-section.md add sections here. Remember, use $ hugo new content <filename> to create them with the right ‘front-matter’ format.

Server-Connected UI [↑]

To add a server-connected UI component:

  1. Create server-side endpoint logic (serving paths /auth/login, /auth/signup, say) using the Cloudflare Platform-as-a-Service; development is accelerated using local test environment workflows the allow instant iterative changes
  2. Create a JS class, based on the simple template/base class appUI.js, to define client-side UI behavior (see authUI.js as an example)
  3. Set the component's location and style on the HTML page. See HTML source of this page -
    import { LoginSignupTwoPanelModal } ...
  4. When satisfied, deploy worldwide, with one command -
    npm run deploy