Express.js blog engine
You've got better things to do than build another blog
Add Butter to your Express.js app and get back to more interesting problems
"Best CMS on the market"
ButterCMS is an API-based Express.js blog engine that integrates with Express.js. Use ButterCMS for your Express.js apps to add CMS-powered blogs, dynamic pages, and more. Butter plays well with all view-layers including React, Angular, Jade, and Vue.
Above is quick video of integrating Butter's blog engine into an application.
Butter's Blog API slides right into our apps and helps avoid having yet another WordPress site.
Daniel, Founder of Collective IdeaAll your requirements, solved
Use main domain (for SEO)- Friendly admin interface
- Upload images and media
- Edit slugs and meta tags
- Tag and categorize posts
- RSS/Atom Feeds
- Search
- Webhooks
Powerful admin interface
Integrates with Express.js
Our blog engine has a simple API and drop-in Express.js SDK.
Save development time
Save thousands of dollars worth of development time with our easy setup.
Gives you great SEO
Host your blog on your main domain and customize slugs and meta tags.
Try ButterCMS in your Express.js appSetup in minutes
Integrating Butter into your Express.js app is dead simple. Here's a mini tutorial to get a feel for of setting up your blog home and blog post pages. For full a integration guide check out our Official Express.js Guide
To display posts we create a simple /blog route in our app and fetch blog posts from the Butter API. See our API reference for additional options such as filtering by category or author. The response also includes some metadata we'll use for pagination.
var express = require('express');
var butter = require('buttercms')('your_token');
var app = express()
app.set('view engine', 'ejs');
app.get('/blog', renderHome)
app.get('/blog/p/:page', renderHome)
app.listen(3000)
function renderHome(req, res) {
var page = req.params.page || 1;
butter.post.list({page_size: 10, page: page}).then(function(resp) {
res.render('index', {
posts: resp.data.data,
next_page: resp.data.meta.next_page,
previous_page: resp.data.meta.previous_page
})
})
}Next we'll create an EJS template for displaying our posts and pagination links. This guide uses EJS templates but Butter works with any templating engine like Jade, Mustache, and React. If you need help after reading this, contact us via email or livechat
<h2>Blog</h2>
<% posts.forEach(function(post) { %>
<a href="/blog/<%= post.slug %>"><%= post.title %></a> by <%= post.author.first_name %> <%= post.author.last_name %>
<br>
<% }); %>
<% if (previous_page) { %>
<a href="/blog/p/<%= previous_page %>">Prev</a>
<% } %>
<% if (next_page) { %>
<a href="/blog/p/<%= next_page %>">Next</a>
<% } %>We'll also create an additional route for displaying individual posts:
app.get('/blog/:slug', renderPost)
function renderPost(req, res) {
var slug = req.params.slug;
butter.post.retrieve(slug).then(function(resp) {
res.render('post', {
title: resp.data.data.title,
post: resp.data.data,
published: new Date(resp.data.data.published)
})
})
}The template for displaying a full post includes information such as author and publish date. See a full list of available post properties in our API reference.
<h2><%= post.title %></h2>
Published <%= published.getDate() %>/<%= published.getMonth()+1 %>/<%= published.getFullYear() %>
<% if (post.categories.length > 0) { %>
in
<% post.categories.forEach(function(cat) { %>
<a href="/category/<%= cat.slug %>"><%= cat.name %></a>
<% }); %>
<% } %>
<br>
<%= post.author.first_name %> <%= post.author.last_name %>
<div>
<%- post.body %>
</div>About ButterCMS
ButterCMS is an API-based, or "headless", CMS. We're a hosted service and we maintain all of the infrastructure. For more information on how we compare to a traditional CMS check out API-based CMS vs Traditional CMS.
How do you compare to Wordpress?
In short, we offer all the same easy-to-use editing capabilities of Wordpress but are significantly easier for developers to setup and maintain. This means you spend less time working on your CMS and more time focusing on things important to your business.
Learn more about how we're a wordpress alternative.
What's my blog going to look like?
Unlike CMS's you might be used to, we don't control or host any of your templates. The design of your blog (HTML + CSS) lives in your application along side the rest of your app. Your application calls our Blog Engine API to get the raw blog post content and then injects it into your own templates during rendering. This has many benefits including blog your instantly matching the rest of your site branding giving it a unique feel; not the cookie-cutter blog themes you'll experience with other CMS's.
Can I import my existing blog content?
Yep. To import content from another platform, simply send us an email.
What kind of database can I use?
No database required! We're a SaaS CMS or CaaS. You simply call our Content API from your app. We host and maintain all of the CMS infrastructure.
Can I host this?
No, we're a SaaS CMS or CaaS. You simply call our Content API from your app. We host and maintain all of the CMS infrastructure.
I have other questions
We're happy to help.
Chat with usAbout Express.js
Express.js—or simply Express—a Sinatra-inspired web development framework for Node.js, and the de-facto standard for the majority of Node.js applications out there today. It is designed for building web applications and APIs. Express.js basically helps you manage everything, from routes, to handling requests and views.