Pages

Pages are the entry point for Enhance rendering. They are authored in standard HTML, and the output is setup for progressive enhancement with custom elements in the browser. Pages live in the app/pages/ folder of the Enhance starter project.

File based routing

Pages in the Enhance starter project enable file based routing. Meaning that adding a app/pages/about.html for instance will make it available at /about in your browser.

app/pages/index.html → https://yoursite.com/
app/pages/about.html → https://yoursite.com/about

HTML by default

Pages are written in HTML and can be composed of many dynamic custom elements. Pages are meant to be rendered once server-side.

Dynamic if need be

Pages can also be written as single file components that get passed state but we recommend handling state in Elements to cut down on unnecessary complexity.

🙌

That’s it

You’ll find that working this way will allow you to start with standard HTML then incrementally create custom element components as the need for reuse arises.


Community Resources

GitHub
Visit Enhance on GitHub.
Discord
Join our Discord server to chat about development and get help from the community.