Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.kibocommerce.com/llms.txt

Use this file to discover all available pages before exploring further.

The Kibo CMS Website Builder includes a built-in Redirects manager that lets you define URL redirect rules directly from the Admin interface, without needing to redeploy your frontend application.

Overview

Redirects are managed under Website Builder → Redirects in the Kibo CMS Admin. Each rule maps a source path to a destination URL and can be configured as a permanent (301) or temporary (302) redirect. When a visitor requests a URL that matches a source path, the Website Builder serves the configured redirect. Your Next.js frontend fetches these rules at runtime via the /api/redirects endpoint included in the starter kit.

Managing Redirects

Create a Redirect

  1. Navigate to Website Builder → Redirects in the Admin sidebar.
  2. Click New Redirect.
  3. Set the From field to the path you want to redirect (for example, /old-page).
  4. Set the To field to the destination URL or path (for example, /new-page).
  5. Select the redirect type: 301 Permanent or 302 Temporary.
  6. Click Save.

Edit a Redirect

  1. Navigate to Website Builder → Redirects.
  2. Locate the redirect you want to change and click to open it.
  3. Update the fields and click Save.

Delete a Redirect

  1. Navigate to Website Builder → Redirects.
  2. Select the redirect and choose Delete from the action menu.

How Redirects Are Served

The Next.js starter kit includes a /api/redirects route and a middleware.ts file that fetches redirect rules from Kibo CMS at request time. This means new redirects take effect immediately after saving — no rebuild required.
If you are not using the official starter kit, you will need to implement redirect fetching yourself. Redirect rules are available via the Kibo CMS GraphQL API.