Next.js Personal Portfolio/Blog Site

This is a personal portfolio/blog site where a site owner can showcase their work and experiences.

By Kirk Watson

Project Shots

Blog Posts Page

Projects Page

Editing environment

Sanity Studio View

About the project

Hey everyone,

In the past year, I have been learning how to use Next.js, and I built this portfolio/blog that uses Tailwind for styling and Sanity CMS for content creation. My goal was to build a professional webapp that people could actually use for themselves. Here's the link to a more in-depth explanation on what I implemented with the source code and demo: https://github.com/kirkwat/portfolio-blog.

Features

A performant, static personal personal website with editable projects
A native and customizable authoring environment, accessible on yourpersonalwebsite.com/studio
Real-time and collaborative content editing with fine-grained revision history
Side-by-side instant content preview that works across your whole site
Support for block content and the most advanced custom fields capability in the industry
Webhook-triggered Incremental Static Revalidation; no need to wait for a rebuild to publish new content
Free Sanity project with unlimited admin users, free content updates, and pay-as-you-go for API overages
A project with starter-friendly and not too heavy-handed TypeScript and Tailwind.css

Contributor

Kirk Watson

SWE | DTX