Reusable little things

Code snippets I keep coming back to

Small bits of code I’ve used, reused, and forgotten more times than I’d like to admit.

cn

A utility function to merge Tailwind CSS class names using clsx and tailwind-merge.

import { clsx, type ClassValue } from 'clsx' import { twMerge } from 'tailwind-merge' export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) }

Prisma Instance

A singleton instance of Prisma Client to prevent multiple database connections in non-serverless environments.

import { PrismaClient } from '@prisma/client'; const globalForPrisma = globalThis as unknown as { prisma: PrismaClient | undefined; }; export const prisma = globalForPrisma.prisma ?? new PrismaClient({ log: ['query', 'error', 'warn'], }); if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;

Inner Container Utility

A custom Tailwind component for a centered container. I really like this size, it’s my go-to and also used on this website.

@layer components { .inner { @apply mx-auto w-9/10 max-w-272; } }