Frame

A custom frame is a vuejs component that serves as the root component for a website, rendering common elements like headers and footers across all pages. It functions similarly to a WordPress theme, providing a consistent layout and design throughout the site. One must assign a frame to a site while creating it in the site builder.

The frame utilizes a special component called McRenderNode, which acts as a placeholder for dynamic content. When a specific page is requested, MechCloud injects the page's content into the frame at the location of the <mc-render-node /> tag. This approach ensures that while the frame maintains consistent elements like the header and footer, the main content area is dynamically populated based on the requested page.

Additionally, custom frames can incorporate navigation elements using components like McNavigationLink. This component facilitates the creation of top-level navigation by linking to different site nodes, enhancing the user experience with intuitive site traversal.

By developing custom frames, developers can define the overarching structure and appearance of their MechCloud sites, ensuring a cohesive and dynamic user experience across all pages.