Generating AI-Powered Blog Titles for Your MDX Blog
Learn how to use AI to generate catchy and engaging blog titles for your MDX blog, and attract more readers to your content.
Coding. Cooking. Dadx6 Hacks.
Just me doing me. Thoughts on software, cooking, dad-hacking, whiskeys, spirituality, etc., collected in chronological order.
Abstracting a Vercel OpenAI Handler for Quick AI Tools
Learn how to abstract a Vercel OpenAI handler to quickly build and deploy AI-powered tools and applications.
Better. Software. Faster. - Part I: Mocks β Board.
This guide shows you how I go from wireframes to a fully-baked software estimate and product board in minutes, not days.
Newsletter Subscriptions with NextJS & ConvertKit
In this article, I'll teach you how to create a newsletter subscription form in NextJS, and connect to ConvertKit using NextJS api routes.
Building forms quickly with React, React Hook Form, TailwindCSS and Yup
I often get asked how I build robust forms quickly. In this article, I'll show how to quickly build a form with React Hook Form, TailwindCSS, and Yup
Add a copy button to your Rehype (NextJS / MDX) code snippets
In this article I'll show you how to add a convenient copy button to Rehype code snippets in your NextJS MDX blog.
Migrating Heroku PostGres to Supabase
I hit a few snags trying to migrate a production Heroku PostGres instance to Supabase. Here are the commands I used to overcome them.
Quickly organizing your NextJS MDX blog with Node scripts
MDX Blogs in NextJS can quickly become hard to manage. After only 10 articles, I found myself getting irritated with the manual process of creating new articles. I decided to reorganize, and write a few Node scripts to help me out.
Easy call-outs with blockquote, MDX, and Rehype
Easily call out content in your blog posts using blockquote markdown, mdx, and a custom rehype plugin.
Adding Imports and a Test Runner to Sandpack
Learn how to import dependencies and enable a Jest-based test runner, all inside of a Sandpack code playground.
Using Sandpack & TailwindCSS to build a Code Playground Component
Want to add a Code Playground to your NextJS MDX blog? This article will teach you how, step by step, using Sandpack from CodeSandbox and TailwindCSS.
Titles, highlights, and line numbers with next-mdx-remote
It took me a lot of messing with different libararies to get the next-mdx-remote working with line numbers and highlighted lines. Here's how I did it.
Filtering by Tags in your NextJS MDX Blog
Is your NextJS MDX blog growing out of control? Learn how to add tags to your articles and filter them by tag.
Filtering by Publish Date in your NextJS MDX Blog
Need to keep some of your content in draft mode while you polish it? Learn how to ensure your articles are published when you want, without messing up your ability to build your NextJS site.
Adding Fancy OG Images to your NextJS MDX Blog
Tired of having to build nice looking OG images for every platform manually? Automatically create shareable OG images for every blog post with @vercel/og.
Using expo prebuild & Xcode to debug Production App Errors
Is your Expo managed iOS app crashing in production? Here is a tip I've used to identify troublesome bugs that only happen in production.
Adding a Sitemap & SEO to your NextJS Statically Generated Site
Today I'm doing some SEO optimization for the tybarho.com NextJS SSG site, and sharing my how-to along the way.
Simple BibleGateway Verse Component in React & NextJS
My component and api code for a simple component that takes an OSIS string like Gen.1.1 and imports the verse text