Update the default layout style of your SaaS | Next.js Supabase SaaS Starter Kit
Learn how to update the default layout style of your Makerkit application
How to update the default layout style of your Makerkit application
Learn how to update the default layout style of your Makerkit application
By default, Makerkit uses the sidebar layout style for both the user and the team workspaces.
Changing the layout style
You can change the layout style by setting the NEXT_PUBLIC_USER_NAVIGATION_STYLE and NEXT_PUBLIC_TEAM_NAVIGATION_STYLE environment variables. The default style is sidebar.
To set the layout style to header, update the environment variables:
bash
NEXT_PUBLIC_TEAM_NAVIGATION_STYLE=headerNEXT_PUBLIC_USER_NAVIGATION_STYLE=headerSidebar Layout
The default layout style is sidebar:
You can customize the sidebar layout to set it as expanded or collapsed. By default, it is always set to expanded.
text
NEXT_PUBLIC_HOME_SIDEBAR_COLLAPSED=trueNEXT_PUBLIC_TEAM_SIDEBAR_COLLAPSED=trueYou can decide the configuration for the each workspace.
Header Layout
And here is header layout:
