> For the complete documentation index, see [llms.txt](https://docs.shipped.club/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shipped.club/other/changelog-widget.md).
# Changelog widget
I've used a product called [Canny](https://canny.io/?ref=shipped.club) to show a Changelog widget inside my products.
To integrate Canny into your Next.js app you need to apply this changes.
1. update layout.tsx
{% code title="app/layout.tsx" %}
```jsx
import Script from "next/script";
/* .... */
useEffect(() => {
// @ts-ignore
if (window?.Canny) {
// @ts-ignore
Canny("initChangelog", {
appID: "",
});
}
// @ts-ignore
}, [typeof window === "undefined"]);
/* .... */
```
{% endcode %}
2. And add the HTML data attribute `data-canny-changelog` to the button that will trigger the Changelog pop-up.
Your Changelog widget should now be ready.