Skip to Content
GuidesCustomization

Customization

Make the template your own with these customization options.

Replace the logo in app/layout.jsx:

const navbar = (
  <Navbar
    logo={
      <span style={{ fontWeight: 600, fontSize: '1rem' }}>
        Your Project Name
      </span>
    }
  >
    <ThemeToggle />
  </Navbar>
)

Customize the footer in app/layout.jsx:

const footer = (
  <Footer>
    <div>
      <span>MIT {new Date().getFullYear()} © Your Project Name</span>
    </div>
  </Footer>
)

Favicon

Replace /public/icon.svg with your own favicon.

Custom Styles

Add custom styles in app/globals.css or create new CSS files.

Previous Steps

Last updated on
ConfigurationInstallation Guide