Zest Features
A tour of the DSL capabilities: inline JavaScript, type-safe data injection, semantic components, and syntax sugar.
Capabilities
F# DSL
Type-safe HTML generation with full IDE support
ZCSS
SCSS-like preprocessor with variables, mixins, color functions
Multi-engine
Nunjucks, Handlebars, HAML, Pug — all auto-converted
Inline JS
js """...""" blocks with automatic dedent
JSON inject
jsonBlock for type-safe F# to JS data passing
Live reload
Dev server with WebSocket hot reload
Inline JavaScript
Click the button below — the handler is embedded via js """...""" .
JSON Data Injection
The config below is passed from F# to client JS via jsonBlock .
// Client-side: console.log(window.__PAGE_DATA__)
New Components
Breadcrumb
Tag badges
Progress bar
Icons (icon-font ready)
Syntax Sugar
17 pages published.
Tags: fsharp, meta, static-site
Titleised slug: My Cool Blog Post
Inline Markdown (dedent)
The mdDedent function strips common indentation so you can keep F# source formatting without breaking Markdown headings.
- Lists work
- Bold and italic work
-
codeworks