In this tutorial, we'll show you how to add a changelog to your Next.js website using Wisp, a powerful content management system. Learn how to create custom content types, manage your changelog entries, and display them on your website using a sleek timeline component.
Soundbites
"A changelog is something that you can add to your project like SaaS softwares to talk about what are some of the recent changes and usually it's dated to show people that you have been shipping new things and also to keep them up to date on what's happening on your software."
"Custom content manager actually allows you to add different kind of content to your website. And that means that you can actually do a lot of dynamic components where your developers no longer is the bottleneck to adding and changing those things."
Timestamps
0:00 - Introduction
0:09 - Overview of WISP's changelog feature
0:55 - Explanation of changelogs and their importance
1:32 - Demonstration of adding a changelog entry in WISP
2:28 - Code walkthrough for implementing changelog on a website
3:47 - Using ShadcnUI Timeline component
5:29 - Creating a custom content type in WISP
7:24 - Managing changelog entries in WISP
8:11 - Accessing custom content via WISP API
9:37 - Using WISP SDK to fetch changelog content
10:09 - Benefits of custom content types in WISP
11:23 - Examples of other custom content applications
What's next?
Try implementing a changelog on your own website using Wisp's custom content types. Experiment with different layouts and designs to showcase your project's evolution and keep your users informed about the latest updates.
Resources
Wisp CMS: www.wisp.blog/
WISP API Documentation: www.wisp.blog/docs/core-concepts/content-api
WISP SDK Documentation: www.wisp.blog/docs/core-concepts/js-sdk
For more detailed instructions and code samples, check out our accompanying blog post: www.wisp.blog/learn/how-to-add-a-changelog-to-your-nextjs-website