Directus Extension Wpslug Interface

screenshot of Directus Extension Wpslug Interface
vue
directus

WordPress alike slug interface for Directus 9

Overview

The WP Slug Interface is a feature in Directus that provides a similar slug/permalink interface to WordPress. It allows users to easily create and update slugs or permalinks for their content in the Directus App.

Features

  • Easy Installation: The WP Slug Interface can be installed in your Directus installation root with just a few simple steps.
  • Create and Update Options: Users have the ability to enable or disable automatic updates based on content changes. The "Create" option enables automatic updates when creating a new item, while the "Update" option enables automatic updates when editing an existing item.
  • Magic Wand Functionality: When automatic updates are disabled but there is a content change that differs from the template, a magic wand button will appear. Clicking this button will execute the automatic update.
  • Interface Only: The WP Slug Interface is solely an interface and does not work when performing changes through the Directus API. It is designed for use within the Directus App.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

directus
Directus

A website that uses Directus as an open source headless CMS to manage content. This includes features such as a customizable content model, role-based access control, and API-based content delivery to support a wide range of digital experiences.

Recoil

Recoil is a state management library for React that provides an intuitive and flexible API for managing and sharing state across components. It supports a range of features, including derived state, asynchronous updates, and time-travel debugging, and is designed to work well with the React ecosystem and other state management solutions.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.