Contentful Wizard

screenshot of Contentful Wizard
contentful

Add walkthrough of contentful blocks to your application

Overview

Contentful-wizard is a library designed to add an interactive content explorer to your Contentful-powered project. It allows you to mark parts of your application, and the library will highlight the marked blocks and add automatic tooltips on hover with links to the Contentful application. This helps editors quickly understand which element on the page is responsible for a specific entry or content type.

Features

  • Interactive content explorer for Contentful-powered projects
  • Highlights marked blocks and adds tooltips on hover with links to the Contentful application
  • Helps editors identify elements responsible for specific entries or content types

Summary

Contentful-wizard is a library that adds an interactive content explorer to Contentful-powered projects. It allows editors to easily identify elements responsible for specific entries and content types. The library provides features such as highlighting marked blocks and adding tooltips on hover with links to the Contentful application. Installation is simple and customization options are available for styling the tooltips and content explorer. Feedback and contributions are welcome as the library is still in the pre-alpha stage.

contentful
Contentful

Contentful is a headless content management system (CMS) that provides a flexible and scalable platform for creating, managing, and delivering digital content across multiple channels and devices.

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.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.