Skip to content

My personal website built with Next.js, TypeScript, styled-components, and MDX

Notifications You must be signed in to change notification settings

zachsnoek/zachsnoek.com

Repository files navigation

zachsnoek.com

Netlify status

Welcome! This is the repository for my personal website and blog.

I rebuilt the current version of my site from scratch in 2022, and it allowed me to:

  • Learn Next.js and how to use it for SSG
  • Solidify my CSS skills by building components with styled-components
  • Create interactive blog posts by using MDX to add React components to posts
  • Add dynamic Open Graph preview images to my posts by using Cloudinary

Tools and technologies used

My site uses the following languages, tools, and technologies:

  • Next.js (for SSG)
  • TypeScript
  • styled-components
  • Reach UI (for building accessible components)
  • MDX (for adding JSX in blog posts)
  • Cloudinary (for dynamically generating Open Graph images)
  • GoatCounter (for analytics)
  • Mirrorful (for theming)
  • lint-staged and husky (for enforcing Conventional Commits)
  • Netlify
  • MailChimp

Running locally

To run locally, run yarn && yarn dev.