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)
• Improve metadata on all pages using real SEO tools.
• Refactor the blog posts to support .mdx (resource)

License

1. If you intend to copy much of this website, simply fork the repo, and remove all my personal text and files before you deploy.
2. Drop a star and credit me if you found this repo useful. :-]
3. Otherwise, enjoy!