/custom-url-breadcrumb

Primary LanguageTypeScriptMIT LicenseMIT

Custom URL Breadcrumb

Custom URL Breadcrumb is a Contentstack UI Extension that provides customizable breadcrumb navigation for URL paths.

Installation

  1. Clone the repository:
https://github.com/Contentstack-Solutions/custom-url-breadcrumb
  1. Navigate to the project directory:
cd custom-url-breadcrumb
  1. Install the dependencies:
npm install
  1. Start the development server:
npm run start

  1. Go to the Contentstack Developer Hub and create a new app:

    • Enter a name and description for the app and click "Create."
    • In the "UI Location" field, enter the URL where the code is running (e.g., http://localhost:3000).

  2. In the "Available Location(s)" section, click "Add" on "Custom Field":

    • Select "Text" as the data type.
    • Enter the path as /custom-field.
    • Click "Save."

  3. Install the app in your stack:

    • Go to the app and click "Install App."
    • Select the stack from the dropdown and click "Install."

Usage

  1. Inside your stack, go to Content Models and create a new content type with the custom field.
  2. Install the app for the content type.
  3. Create an entry and configure the custom URL breadcrumb using the app.