Build Better Marketing Sites with ButterCMS, Vercel, and Next.js

Build Better Marketing Sites with ButterCMS, Vercel, and Next.js
Don't waste your developer's time! Learn how to set up ButterCMS with Next.js to build dynamic and customizable marketing sites and landing pages.

Don’t waste your developer’s time! Learn how to set up ButterCMS with Next.js to build dynamic and customizable marketing sites and landing pages. With the power of the ButterCMS dashboard, your marketing teams can update and customize your websites without constantly needing developers to make code changes!

The ButterCMS Next.js quickstart generates a starter project for you and configures automatic deployments to Vercel. You can pull the code locally to make code changes if necessary. After the initial code is complete, marketing teams can update the site’s content from right inside the ButterCMS dashboard.

00:00 - Intro
00:30 - ButterCMS Intro
01:15 - SWAG GIVEAWAY
02:15 - ButterCMS Signup
03:00 - Next.js Quickstart
03:40 - Deploy starter to Vercel
06:00 - Automatic Deployments to Vercel
08:00 - Local project setup with previews
11:00 - Customizing the starter project
12:00 - Customizing ButterCMS content models
16:00 - More customization
18:00 - Add a Snow Effect
23:00 - Wrap up

Suggest:

Learn Vue.js from scratch 2018

Learn JavaScript - Become a Zero to Hero

Create a Personal Blog with Nuxt.js & Headless CMS (Ghost) - 1

JavaScript Programming Tutorial Full Course for Beginners

An Encounter with JavaScript Objects

Learn Vue.js from Scratch - Full Course for Beginners