This plugin can be used to get a preview of the components.
Component Preview plugin is used to view the actual component through a custom field in strapi. This plugin helps to give a live preview the component we are using. That helps to easily understand the component using.
The plugin can be used in strapi version above 4.4 (versions that support custom fields).
Go into your strapi project.
Run the npm command npm i strapi-plugin-componentpreview
The plugin will be added to your strapi project.
Inorder to achieve the url of the file uploading it must be specified in the .env file as FILE_UPLOAD_URL. This url need to be the base url of the admin.
REACT_APP_FILE_UPLOAD_URL="YOUR_BASE_URL_HERE"
.env file of your project.This file is added in order to access the FILE_UPLOAD_URL in the plugin.
Create a new field form a content type.
Select custom fields.
Component Preview field will appear there.
Select this field and name it accordingly ("component_preview" is used commonly for more understanding) and save.
Add the url of the file into the url field. All the images corressponding to the components need to be added into the uploads folder. The url must start with uploads/your_folder_name/your_file_name.
Select the content type from the content manager.
Click on the preview button from the content type builder and then the component preview will pop up.
NOTE: The images will not be saved into the database with the components.
npm install strapi-plugin-component-preview
Check out the available plugin resources that will help you to develop your plugin or provider and get it listed on the marketplace.