I want the ability to wrap my site in a header and footer that do not re-render between pages so I can do cool animations.
By default, Sapper provides a
<Layout> component that will wrap each page and all components existing outside of the page
<slot> to keep existing as pages are created and destroyed based on route changes.
Each page is also provided with a
segment prop so that logic and styling can be applied based on the current page.
mdsvex adds even more power to the
<Layout> functionality by allowing each different type of post to be rendered with its own layout.