A framework to build out LLM-integrated SaaS apps during customer discovery
- more than a web app, build a business platform with content update workflows designed around you
- ultra-streamlined documentation for low friction transparency
- not a no-code nightmare generating unscalable code, but rapid prototyping designed for today's dynamic vibe
- delivers sub-second page latency across the world, out-of-the-box
- built on Hugo and Cloudflare
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:
- 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
- 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)
- Set the component's location and style on the HTML page. See HTML source of this page -
import { LoginSignupTwoPanelModal } ...
- When satisfied, deploy worldwide, with one command -
npm run deploy