htmleez_static 0.1.2 
htmleez_static: ^0.1.2 copied to clipboard
Published 2 months ago • 
namzug.dev
namzug.devStatic sites, made easy. Build and export static websites in Dart with the power of htmleez.
Htmleez Static #
Static sites. Type safe. Simple. Familiar. Pure Dart.
Built on top of htmleez, htmleez_static lets you generate and export static websites directly from Dart code. No templates, no extra build tools.
Install #
dart pub add htmleez_static
Quick Start #
import 'package:htmleez/htmleez.dart';
import 'package:htmleez_static/htmleez_static.dart';
void main() {
final site = StaticSite("localhost", "public")
..notFoundPage(page404())
..page("/", pageHome())
..page("/info", pageInfo())
..page("/contact", pageContact());
// Generate static files
site();
}
// Shared layout
HTML basePage(List<HTML> bodyChildren) => html([
head([
meta([$charset("UTF-8")]),
title(["My Simple Static Site".t]),
]),
body(bodyChildren),
]);
HTML navLinks() => nav([
a([$href("/"), "Home".t]),
" | ".t,
a([$href("/info"), "Info".t]),
" | ".t,
a([$href("/contact"), "Contact".t]),
]);
HTML pageHome() => basePage([
navLinks(),
"Welcome to My Site".h1(),
"This is the homepage.".p(),
]);
HTML pageInfo() => basePage([
navLinks(),
"Info Page".h1(),
"Here is some information about this site.".p(),
]);
HTML pageContact() => basePage([
navLinks(),
"Contact Page".h1(),
"You can reach us at [email protected].".p(),
]);
HTML page404() => basePage([
navLinks(),
"404 - Page Not Found".h1(),
"Oops! The page you are looking for does not exist.".p(),
]);
Core Concepts #
- StaticSite: Define your site, its pages, and how assets are handled.
- Pages: Each .page() maps a URL path to an HTML object (HTML) from htmleez.
- 404 Page: .notFoundPage() lets you set a custom "not found" page.
- Asset Handling: Copy or symlink an assets directory into your output folder.
- Pure Dart: Write HTML directly in Dart using type-safe htmleez elements.
Why htmleez_static? #
- No templating engines - HTML is just Dart.
- No runtime dependencies - output is plain static files.
- Full control over HTML, attributes, and events thanks to htmleez.
For the full list of features in the HTML layer, see the htmleez API Reference.
Metadata
1
likes
160
points
13
downloads
Publisher
Weekly Downloads
Metadata
Static sites, made easy. Build and export static websites in Dart with the power of htmleez.
Repository (GitHub)
View/report issues
Documentation
License
MIT (license)
