A Strapi plugin to view your content types and their relationships
npm install strapi-content-type-explorerContent-Type Explorer is a Strapi plugin that visualizes your content types and their relationships like an ERD (Entity Relationship Diagram).
``bash`
npm i strapi-content-type-explorer
- Field Data Types
- Field Icons
- Default Fields: toggle createdBy, createdAt, updatedBy, updatedAtadmin::
- Relational Fields Only
- 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)
1. Create a new strapi project
2. Clone the plugin repo inside src/plugins/ folder:
``
āāā š config
ā āāā plugins.js (šļø create this)
āāā š plugins
āāā š strapi-content-type-explorer (šļø clone here)
`bash`
cd src/plugins
git clone https://github.com/ShahriarKh/strapi-content-type-explorer.git
3. Create config/plugins.js if it doesn't exist and add this:
`js`
module.exports = {
"strapi-content-type-explorer": {
enabled: true,
resolve: "./src/plugins/strapi-content-type-explorer",
},
};
4. Go to plugins/strapi-content-type-explorer and install dependencies:
`bash`
cd src/plugins/strapi-content-type-explorer
npm i
5. Run strapi and start developing!
`bash``
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!
- Strapi Marketplace: https://market.strapi.io/plugins/strapi-content-type-explorer
- npm: https://www.npmjs.com/package/strapi-content-type-explorer
- GitHub: https://github.com/ShahriarKh/strapi-content-type-explorer