New website built with Next.js, prismic, & Vercel

June 28th, 2020 - Justin Friebel
Next.js, prismic

From GatsbyJS to Next.js

The main reason I decided to try out Next.js as my framework of choice is maintenance. My last website was built with GatsbyJS. It was a pain to try and bring the dependencies up to date. I have a newer GatsbyJS V2 website that was also a pain to update. I wanted to try Next.js a long time ago but I didn't have anything to build or rebuild. I decided it was time to try something different, and that something was Next.js.

Prismic as the CMS (Content Management System)

Previously I used markdown to manage the few bits of content I do have. Recently I've heard that people were really enjoying Sanity as their CMS. I don't mind paying a few dollars here and there, but Sanity's 5GB free and $1 for every extra 2GB per month seemed a bit steep when I was exploring my options. I stumbled across prismic and decided the pricing and features made it worth trying out. The most notable pricing advantage is their free Unlimited Asset hosting. Prismic has a lot of other generous pricing and is also used by many notable companies.

Using Vercel to deploy and host

Since Vercel works on the Open Source Next.js React framework I started using, I figured it was only fair to see how hosting it on Vercel would go. I was pleasantly surprised on how easy and fast it is to use their GitHub integration to deploy sites and code to their CDN and serverless functions.

A Next.js, prismic and Vercel GitHub website template

I figured there might be a few people who would like to use these technologies to build their own website. I spent some time cleaning up the code and making it easy to configure and customize. You can find the GitHub repository and template here. There are instructions in the repository's README to help guide you in building your own website. If you have any questions or find any issues please bring it up on the repo!

© 2022 Justin Friebel. Powered by Next.js, prismic, & Vercel.