Layout Style

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.

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:

NEXT_PUBLIC_TEAM_NAVIGATION_STYLE=header NEXT_PUBLIC_USER_NAVIGATION_STYLE=header

The default layout style is sidebar:

And here is header layout:


Subscribe to our Newsletter
Get the latest updates about React, Remix, Next.js, Firebase, Supabase and Tailwind CSS