plett.dev

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

I keep the code simple, and I care more about best practices than my sanity.

Tech

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

Features

• Statically generated posts from markdown, with search engine optimization (writing).
• Statically generated books from markdown, with a dynamic TOC and responsive layout (raytracing book).
• Custom masonry layout with modern image loading (photography).
• Mouse-following tooltips (notes).
• Thoroughly tested responsive design and ARIA compliance.

Developer to-dos

• Solve Next.js security vulnerability by upgrading to Next.js 16 (resource)
• Improve metadata on all pages by fixing SSG metadata, and using SEO tools beyond metadata and sitemaps.
• Hook up Vercel Analytics and then Use the data to inform my next updates.
• Allow book contents to be written entirely in markdown.
  • Make the actual introduction separate, and above the main titles.
    • Include an inline image in the primary intro, showing progression.
  • Decide if I even want pseudocode at all (it's a lot of work)...
    • Remove pseudocode from the plan.
  • Gutter citations.
    • Ensure they change when the screen gets smaller.
  • On mobile, ensure images are in the correct spot between paragraphs, not clumped at the end.
    • Remove images from the right column on big screens.
  • Show on my Writing page.
  • Dynamic reading time estimates.
  • Display books using cards.
  • Fix up the Posts & Books display code, and fix old writing->posts redirecting.
  • (After writing) Toss in relevant links throughout (in the form of citations?).

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!