Skip to content
Next.js Conf 2024: Your app should be Live by Default – Watch Keynote
View project liveShare your own project

Next.js Personal Portfolio/Blog Site

By Kirk Watson

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

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