Content-Type Explorer is a Strapi plugin that visualizes your content types and their relationships like an ERD (Entity Relationship Diagram).
npm i strapi-content-type-explorer
- Field Data Types
- Field Icons
- Default Fields: toggle
createdBy
,createdAt
,updatedBy
,updatedAt
- Relational Fields Only
admin::
Typesplugin::
Types- Edges
- Snap to Grid
- Background Pattern
- Edge Type
Tip
If you encounter lags while dragging boxes, try changing edge types. "Smart" edges cause performance issues (this should be fixed in future releases)
- Create a new strapi project
- Clone the plugin repo inside
src/plugins/
folder:
├── 📁 config
│ └── plugins.js (👈️ create this)
└── 📁 plugins
└── 📁 strapi-content-type-explorer (👈️ clone here)
cd src/plugins
git clone https://github.com/ShahriarKh/strapi-content-type-explorer.git
- Create
config/plugins.js
if it doesn't exist and add this:
module.exports = {
"strapi-content-type-explorer": {
enabled: true,
resolve: "./src/plugins/strapi-content-type-explorer",
},
};
- Go to
plugins/strapi-content-type-explorer
and install dependencies:
cd src/plugins/strapi-content-type-explorer
npm i
- Run strapi and start developing!
npm run strapi develop -- --watch-admin
Have a question or found a bug? Feel free to open an issue. Wanna contribute and improve the plugin? PRs are welcome!