This example demonstrates a complete basic website built with DOMStack, showcasing the core features without advanced customization. Please inspect the website, the web inspector (source and network tab), the src code in the example folder as well as the ouput files in the public folder to get an idea of how everything works.

• Multiple page types (Markdown, HTML, JavaScript)
• Page layouts and nesting
• Asset handling
• Client-side JavaScript
• CSS styling (global and page-specific)
• Frontmatter variables

src/
├── layouts/         # Layout templates
├── md-page/         # Markdown page examples
├── js-page/         # JavaScript page examples
├── html-page/       # HTML page examples
├── global.css       # Global styles
├── global.client.js # Global client-side JavaScript
├── global.vars.js   # Global variables
└── README.md        # This file (becomes index.html)

Navigate through different page types:

• Loose Markdown File
• Markdown Page Example
• Nested Markdown Page
• JavaScript Page Example
• HTML Page Example

• Markdown Pages: The title of this document (h1) becomes the title variable for the page and renders in the <title> tag.
• Layouts: Pages use layouts defined in the layouts directory.
• Assets: Static assets are copied to the output directory.
• Styling: Both global and page-specific CSS is processed and included.
• Client JS: JavaScript bundles are created for enhanced functionality.

Run the following commands:

npm install
npm run build

To watch for changes during development:

npm run watch