Skip to main content

​
What you’ll build

A complete knowledge base that includes:
  • Organized sections and articles
  • Hierarchical navigation
  • Search functionality
  • Article detail pages
  • Related articles suggestions
These tutorials use Page Types for a hierarchical knowledge base with SEO-friendly URLs. For simpler documentation needs, you could also use Collections to store articles in a flat structure. The Page Type approach is recommended for knowledge bases that need search engine visibility and deep linking.

Pages core concepts

For a deeper look at ButterCMS Pages, check out our core concepts article. Learn about creating Pages, choosing between the blog engine and a custom Page Type, the API, and more.

​
Choose your framework

Choose one of the frameworks below for a tailored guide to building a fully functional knowledge base with ButterCMS.
Many of these tutorials have their code available on GitHub. Check if your favorite framework is one of them!

​
JavaScript frameworks

Angular

Astro

Express.js

Gatsby

Gridsome

Next.js

Nuxt

React

React Native

Vanilla js

Vue.js

​
Non-JavaScript frameworks

ASP.Net

Flutter

Hugo

Kotlin

Laravel

PHP

Ruby + Rails

Ruby + Sinatra