Open Previews

Add commenting functionality to your staging and preview environments, no matter where they are hosted. Easy to set up and fully open source.

• Open source ❤️
• No database needed. Comments are stored in Github Discussions. ✌️
• Easy to set up. Just add a single script tag to your app. 🚀
• Can be self hosted or simply deploy to WunderGraph Cloud. 🌩️

How it works

Open Previews can be added using a single script tag. Once the script is loaded, it will load the comments from Github Discussions. If no existing discussion is found, a new one will be created. Users can authorize the Open Previews app to allow posting comments on their behalf. Once authorized, users can post comments and react to existing comments.

The hosted version of Open Previews is available for free during beta

Installation

Check out the Installation instructions to get started.

Deploy your own

• Deploy to WunderGraph Cloud

The tech

• WunderGraph - Backend and integration framework
• Github Discussions - Comment storage
• Vite - Frontend
• Preact - UI Framework
• PandaCSS - CSS Framework
• Radix UI - UI Components

Todo

• Optimistic updates
• Like and reply to comments
• Emoji support
• Markdown support
• Image support

Let us know if you have any other ideas. We're also happy to accept pull requests.