Vue.js starter project

One-Click Deploy: Skip local setup and deploy to Vercel instantly.

Quick start

Install dependencies and run setup commands.

git clone https://github.com/ButterCMS/vuejs-starter-buttercms
cd vuejs-starter-buttercms
npm install

Add your API token as an environment variable and run development server

$ echo 'VITE_APP_BUTTER_CMS_API_KEY=<Your API Token>' >> .env
$ npm run start

Local Development: http://localhost:3000/ GitHub Repository: https://github.com/ButterCMS/vuejs-starter-buttercms

What’s included

Feature	Description
Pages & Page Types	Pre-built page templates with drag-and-drop schema definition
Components	Modular content blocks for dynamic landing pages
Collections	Structured data for navigation, testimonials, FAQs
Blog Engine	Full blog with posts, categories, tags, and search
Media CDN	Automatic image optimization via Filestack

Deploy options

Deploy to Vercel

One-click deploy with automatic builds on content changes

Deploy to Heroku

Deploy to Heroku with environment configuration

Resources

GitHub Repository

View source code and contribute

Vue.js Guide

Framework integration guide

Additional reading

Next steps

Core Concepts

Learn about Pages, Collections, and Components

API Reference

Explore the full ButterCMS API

Spring starter project

Overview

SDKs

Frameworks

Starter projects

Quick start

What’s included

Deploy options

Deploy to Vercel

Deploy to Heroku

Resources

GitHub Repository

Vue.js Guide

Additional reading

Next steps

Core Concepts

API Reference

​Quick start

​What’s included

​Deploy options

Deploy to Vercel

Deploy to Heroku

​Resources

GitHub Repository

Vue.js Guide

​Additional reading

​Next steps

Core Concepts

API Reference

Quick start

What’s included

Deploy options

Resources

Additional reading

Next steps