Configuration

This guide provides a detailed reference for configuring your MinuteShip website.

Configuration Structure

The configuration is split into several files in the src/config directory, each responsible for a specific aspect of the website.

• src/config/
  • website.ts
  • navbar-config.ts
  • footer-config.ts
  • sidebar-config.ts
  • avatar-config.ts
  • social-config.ts

Configuration Files

The configuration files are used to define the structure and content of the website.

• Website Configuration
• Navbar Configuration
• Footer Configuration
• Sidebar Configuration
• Avatar Configuration
• Social Configuration

Shared Data Types

The configuration uses consistent data types across different menus:

MenuItemConfig

Basic menu item with the following properties:

Property	Type	Description
title	string	Display text for the menu item
description	string?	Optional description for dropdown items
icon	TablerIcon?	Optional icon component from Tabler Icons
href	string?	Link URL destination
external	boolean?	Whether the link opens in a new tab
authorizeOnly	string[]?	User roles that can see this item
items	MenuItemConfig[]?	Submenu items for dropdowns

Best Practices

1. Use consistent icons from Tabler Icons
2. For role-based items, always use the authorizeOnly property to limit visibility
3. Use the Routes object (in src/lib/routes.ts) for defining URLs to ensure consistency

Next Steps

Now that you understand the configuration structure, explore these related topics:

• Website Configuration: Core settings for the website
• Navbar Configuration: Configure the navigation menu in the header
• Footer Configuration: Configure the links in the website footer
• Sidebar Configuration: Configure the navigation menu for dashboard