https://github.com/its-devtastic/strapi-plugin-previewable
Preview your website from within Strapi
https://github.com/its-devtastic/strapi-plugin-previewable
Last synced: 18 days ago
JSON representation
Preview your website from within Strapi
- Host: GitHub
- URL: https://github.com/its-devtastic/strapi-plugin-previewable
- Owner: its-devtastic
- License: mit
- Created: 2022-06-20T06:59:16.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-01T14:08:18.000Z (almost 4 years ago)
- Last Synced: 2025-09-21T19:25:16.450Z (9 months ago)
- Language: JavaScript
- Size: 27.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Strapi v4 - Previewable plugin
Preview your website from within Strapi
---
A plugin for [Strapi](https://github.com/strapi/strapi) that embeds your site in Strapi.
The use case for this is to allow content editors to easily enter [Preview Mode](https://nextjs.org/docs/advanced-features/preview-mode).
## Supported Strapi version
Currently only Strapi v4 is supported.
## Installation
With `npm`
```bash
npm install strapi-plugin-previewable
```
With `yarn`
```bash
yarn add strapi-plugin-previewable
```
In the `config/plugins.js` file add:
```js
module.exports = {
preview: {
config: {
websiteUrl: ""
},
},
// other plugins
}
```
☝️ If you're using the `strapi::security` middleware with CSP enabled, make sure
to allow your domain as a `frame-src`. Your `config/middlewares.js` should look something like:
```js
{
name: "strapi::security",
config: {
contentSecurityPolicy: {
useDefaults: true,
directives: {
"frame-src": ["https://example.com"],
...
```
## Support
For Strapi documentation, please go to [the official Strapi documentation](https://strapi.io/documentation/).
For questions and issues with this plugin use one of the following channels:
- [GitHub](https://github.com/devtastic-org/strapi-plugin-previewable/issues) (Bug reports, Contributions, Questions and Discussions)
- [E-mail](mailto:hi@devtastic.co) - We'll respond as soon as possible
## 📝 License
[MIT License](LICENSE.md)
Made with 💜 in Utrecht by [Devtastic](https://devtastic.co/).