Next.js and WebAuthn
A guide on adding WebAuthn Passkeys to a Next.js website
#code
Authenticate Discord Interactions with `discord-verify`
Get the Alt Text of Copied Images with the Clipboard API
CSS Hover Media Queries
Using IntelliSense with JSDoc
You can get VS Code IntelliSense by documenting JavaScript with JSDoc - no TypeScript required!
JavaScript Formatters
Sending LogDNA Alerts to Discord
Using Display-P3 Color Space in Safari's `theme-color` Tag
Deploying a Discord Bot as a Vercel Serverless Function
My last post talked about Discord slash commands and some of the benefits of the new HTTP API, but I didn't spend much time talking about hosting. Using HTTP instead of the Gateway for your bot unlocks some cool new options, like hosting it as a serverless function through a provider like Vercel!
Creating a Discord HTTP Slash Command Bot with Fastify
Slapping people with trout was a popular way of sending a notification to users back in the IRC days. Let's bring it back! Ah, nostalgia.
Design Updates
Creating Devcontainers for VS Code and GitHub Codespaces
Creating Devcontainers for your projects is easy and comes with a lot of benefits!
I think I was wrong about Tailwind
I recently said I didn't like Tailwind and probably wouldn't use it again. I think I was wrong.
Revamping my Dotfiles
I broke my WSL installation while installing PostgreSQL and realized I hadn't updated my dotfile repository in over a year - whoops!
Sending Sentry Events to Discord
The most popular part of my bot, Aquarius, is the function that forwards Sentry errors to Discord.
Building a Next.js Blog: RSS
Building a Next.js Blog: Static MDX
Statically rendered MDX with Frontmatter in a `content` directory... kind of like Jekyll!
Tracking Unpopular Senate Votes
I launched a new project recently! It tracks Senate votes and how they map with the represented population.
Fragments
I always type out `Fragment` because it's more discoverable for engineers new to React.