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. 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
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework