| title |
|---|
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.
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
Pages are written in HTML and can be composed of many dynamic custom elements. Pages are meant to be rendered once server-side.
Elements added to a page will be passed state, but if you decide that you absolutely need to handle state in your page then you have the ability to turn it into a single file component as well.
Read about single file components here
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.