Live Preview
View the live demo
Get Template
Free template on GitHub
Overview
A minimal changelog template to showcase your product updates, releases, and improvements in a beautiful timeline format. Built with Next.js, TailwindCSS, and Fumadocs for easy content management.Features
- Timeline Format: Beautiful chronological display of updates
- MDX Support: Write updates in Markdown with JSX components
- Easy Content Management: Simple file-based updates with Fumadocs
- Dark Mode: Full dark mode support
- Mobile Responsive: Perfect on all devices
- SEO Optimized: Built-in SEO best practices
- Fast Performance: Lightning-fast page loads
- Clean Design: Minimal, professional aesthetic
- Version Control: Track and display version numbers
- Categories: Organize updates by type (features, fixes, improvements)
Tech Stack
Built with the latest technologies:- Next.js 15: Latest React framework
- React 19: Modern React features
- TypeScript 5: Type-safe development
- TailwindCSS 4: Latest utility-first CSS
- Fumadocs UI: Content management
- next-themes: Dark mode support
- Radix UI: Accessible primitives
- shadcn/ui: Beautiful components
Use Cases
Perfect for:- SaaS Products: Track product updates and releases
- Open Source Projects: Document version changes
- API Services: Communicate API updates
- Mobile Apps: Share app update history
- Developer Tools: Keep users informed of changes
- Startups: Build transparency with users
What Makes This Special
- Free and Open Source: Available on GitHub
- Fumadocs Powered: Professional documentation features
- Zero Configuration: Works out of the box
- Modern Design: Clean, timeline-based layout
- Developer Friendly: Easy to update and maintain
- Semantic Versioning: Support for version numbering
Content Organization
Organize your updates by:- New Features: Announce new capabilities
- Improvements: Highlight enhancements
- Bug Fixes: Document resolved issues
- Breaking Changes: Warn about compatibility changes
- Deprecations: Communicate deprecated features
Getting Started
- Clone the repository from GitHub
- Install dependencies with
npm install - Add your changelog entries in MDX format
- Customize the theme and branding
- Deploy to Vercel for free hosting
Best Practices
- Keep entries concise and clear
- Use consistent formatting
- Include version numbers
- Link to relevant documentation
- Add release dates
- Categorize updates appropriately