plett.dev

This repo holds the code to my personal website at plett.dev.

I kept the code simple and tried my best to follow Next.js best practices.

Tech

• Framework: Next.js
• Hosting: Vercel
• Styling: shadcn/ui with Tailwind CSS
• Database: Redis with Upstash
• Design: Figma

Features

• Thoroughly tested responsive design and ARIA compliance.
• Statically generated and search-engine-optimized posts from markdown (writing).
• Custom masonry layout with modern image loading (photography).
• Mouse-following tooltips (notes).

Developer to-dos

• Solve Next.js security vulnerability by upgrading to Next.js 16 (resource)
• Refactor the blog posts to support .mdx (resource)

License

1. Feel free to use this repository as inspiration.
2. If cloning, please remove all my personal information before deploying.
3. Crediting the author is appreciated.