Synticore Website Compiler Example
A full demonstration of Synticore Website Compiler.
Welcome to the full project showcase. This page serves as the landing point for a complete Synticore Website Compiler example, including shared layouts, component includes, and generated static output.
About This Page
Use this as the starting point for development, testing, and navigation across the full demo. If you are exploring features for the first time, begin with Explore below, then open the Example pages for focused samples.
Where this Example Project Lives
The full example project is located in project/example/ within the synticore-website-compiler repository.
Start there when browsing this example project in your editor.
Notes:
- project/example/in contains editable source content.
- project/example/out contains the generated site output after compilation.
- You can inspect this exact page source at project/example/in/index.html .
Example Pages In This Demo
When this site is viewed on the web, the Example pages are intentionally included so visitors can inspect live feature samples.
The Example content is shown using green backgrounds to indicate demo-oriented content that is usually removed during a normal packaging process. The color choice is unique to this example project and purely visual, not a platform standard or enforced feature. You may opt to use your own way to indicate elements that will be removed via your own css.
Notes:
- Green elements on this page are styled by
no-package.scss, which is flagged for automatic removal by the default projectconfig.json. Any element marked with the.no-packageclass (like the green items you see here) is excluded during the packaging step.
See the Config Package Ignore Class Reference in the Synticore Wiki for more information. - Additionally, all example pages have green colored backgrounds to signify they are not included in packaged outputs based on using
exampleas a file path ignore pattern.
See the Config Package Ignore Reference in the Synticore Wiki for more information. - Use the sticky
no-packagetoggle at the bottom of the screen to preview what a packaged build will look like. This helps verify that pages still read correctly when development-only elements marked with.no-packageare removed during packaging. On/examplepages, the toggle is replaced by a notice and content remains visible because those pages are intentionally demonstration content. This toggle is included in this example project only and is not a compiler-wide built-in feature.