RICKBOOTH.ME

My personal portfolio site built using NextJS.

Features

• Styling with Vanilla Extract 💅
• Built on top of NextJS making use of SSG (Static Site Generation) 🧱
• Static type checking with TypeScript 🧙‍♂️
• Custom page loading indicator with nextjs-progressbar ⏱
• MDX posts powered by mdx-loader and remark-prism 📖
• Dynamic social previews for home/posts/individual post pages 🌄
• Hosted on Vercel 🚀

Reduced motion

Animations are disabled for the following if the reduce motion preference is set to reduce:

• Nav blinking cursor
• Nav link hover transition
• Animated link underlines

Screenshots

Home page

Posts listing page

Post page with formatted markdown and code blocks

Running locally

Install dependencies:

yarn

Run the dev server:

yarn dev

Open http://localhost:3000 with your browser to see the result.