Forem

Cover image for Creating an online blog with NextJS, Sanity, and Vercel
Zachery Morgan
Zachery Morgan

Posted on

3 1

Creating an online blog with NextJS, Sanity, and Vercel

I recently came across Sanity, a CMS that seems to have a lot of potential. Except for 1 problem, it's updating to v3, at the moment, which breaks everything and turns old guides obsolete.

I stumbled through forums and docs to try and figure it out myself so why not document what I found?

The styling will be minimalistic (styled components) and the content will be sparse because I'm more focused on showcasing how to get a project like this up an running.

In the end you will have a...

  • Homepage that will display all of the blog posts.

  • Template page to display an individual post when clicked

  • Link to Sanity Studio so you can create your posts

  • Blog hosted on your own Vercel domain

There are a few problems that will arise with trying to use v3 of Sanity.

  • There is no current way (that I know of) to redeploy your Vercel site when you create a new post, you have to do this manually

  • There are only a few plugins that currently work with v3, so options are limited

So because of this, I wouldn't recommend building anything large with this yet. But when v3 is fully released and stable (with better plugin support), you will already know how to get started.

Let's get started.

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay