Introduction

Laying out pages and components should be achieved using MUIs layout components.

Layouts

Layouts are a NextJS feature that allow the creation of reusable templates.

Laying out components and elements

Grid

The MUI Grid allows for creating complex layouts.

Stack

The stack component allows for easy layout of components in a horizontal (row) or vertical (column) direction.

Box

Managing box properties on an element level should be done via the Box component and it’s sx prop.