# Custom Navigation and Routing

# Custom Navigation and Routing

Designing a clear navigation structure is essential for user-friendly custom interfaces in Curiosity Workspace.

# Customizing the Sidebar

You can customize the main workspace sidebar to include links to your custom front-ends or external tools.

• Static Links: Define permanent links to specific routes or dashboards.
• Dynamic Menu Items: Use code-based logic to show or hide menu items based on user roles or workspace state.

# Defining Routes

Curiosity Workspace uses a flexible routing system for custom interfaces:

• Base Routes: Define the root path for your application (e.g., /my-custom-app).
• Parameterized Routes: Use parameters to create dynamic pages (e.g., /cases?caseId=123).
• Nested Routes: Organize complex applications with sub-paths and parent layouts.

# Linking to Custom Endpoints

Integrate your UI with the backend by linking directly to custom endpoints:

• Use buttons or menu items to trigger endpoint execution.
• Pass parameters from the UI route to the endpoint to perform targeted actions.

# Best Practices

• Consistency: Align your custom navigation with the default workspace style.
• Breadcrumbs: Use breadcrumbs to help users understand their location within complex apps.
• Permission-Aware: Only display navigation items that the user has the authority to access.

# Next Steps

• Learn about Custom Styling
• Build a custom app: Custom Front-end Overview