Peter Kellner's Blog

MCP servers aren't dying, but a real shift is happening.

React 19.2's useEffectEvent hook eliminates the useRef workaround pattern for accessing latest state in Effects.

How to leverage AI assistants to build password management scripts while keeping your actual credentials completely private.

A real-time dashboard to monitor multiple ISP connections through a SonicWall firewall using SNMP, built with Next.js and TypeScript.

Announcing seamless Bluesky List integration for all Silicon Valley Code Camp participants.

In this blog post, we present a streamlined zshrc startup script on macOS that sets environment variables and logs into Docker in the background.

React once used thrown Promises for Suspense. .use() is recommended now, but legacy throwing is still supported.

Set OBS base resolution to 4K and output to 1080P to capture entire screen on Retina MacBooks.

This blog explains updating to React 19 using esm.sh, transitioning from UMD to ESM modules.

In this blog post, we explore using useState with React's Context API to manage an array of constants effectively in Next.js projects, offering a simpler alternative to useReducer for state management.

Next.js handles env vars at build time, causing issues like static values in runtime logic, necessitating careful planning and execution.

Explore advanced React state management in drag-and-drop interfaces, leveraging `useRef` and state setters for responsive, interactive web applications.

Explore drag-and-drop in React, leveraging `useRef` for direct DOM interactions and efficient state management in interactive applications.

Using CSS `visibility: hidden` instead of rendering `null` in React ensures stable layouts and improves UX by maintaining consistent UIs, showcasing precision.

Using ChatGPT for React programming offers valuable insights but requires careful management of component size, adherence to code optimizations, clear instructions, and regular review.

Integrating the WithAuth component in Next.js applications fortifies pages against unauthorized access, enhancing user experience by ensuring sensitive content remains invisible to unauthenticated users, leveraging TypeScript's type safety and React's best

Learn to build a fast, multilingual site with Next.js 14.

Just an a public service announcement that I've converted my blog peterkellner.net from Jekyl to AstroBuild,still on Github Pages

This blog post provides a concise yet informative overview of ChatGPT's reasoning abilities, its applications, and its implications in various fields, tailored for an audience interested in AI and its real-world applications.

I improved my TypeScript skills by resolving a bug in a REST service, learning the importance of proper type assertions and error handling in Prisma database interactions.

Silicon Valley Code Campfire Software Architecture Event Summary

When streaming with OBS and using a backup server, transitioning back to the primary server can be slow as it doubles the reconnection wait time each attempt.

Transitioning a significant web platform, such as the SiliconValley-CodeCamp.com website, is no small feat.

Navigating ChatGPT for database queries can be frustrating.

Next.js has always been at the forefront of providing streamlined experiences for React developers.

Redis is an unmistakable presence in the world of databases, particularly for its blazing speed.

Confused about Prisma's approach to database joins and when to use raw SQL versus native functions?

Prisma, paired with TypeScript and Node.js, empowers developers with a swift, direct-to-console query testing environment.

ChatGPT can be an asset in code review but lacks the instinct to suggest improvements or identify gaps that a junior developer might easily catch.

In today's blog, we look at how AI, particularly ChatGPT, can be an invaluable collaborator in the software development process.

This blog post explores how to efficiently manage job queues in Bull, focusing on a specific use case, email processing.

This blog post serves as a beginner-friendly guide to understanding disk space utilization in MySQL databases.

This blog post serves as a comprehensive guide on managing Redis memory limits using a Docker Compose file.

In web forms, both `label` and `aria-label` aim to improve accessibility.

Want to enhance your NextJS 13 app's security?

Managing state in React applications can be streamlined using URL hashes.

In the realm of modern web development, Next.js combined with TypeScript offers a potent mix of features.

This blog post explores how to use reduce in TypeScript for efficiently converting an array into a dictionary, comparing it with the more traditional forEach approach.

Discover the risks of using ChatGPT for code generation in TypeScript development.

Learn how to transform a Prisma table into an indexed array for rapid data access.

When you're knee-deep in data transformations, the little things like converting object keys from PascalCase to camelCase can become surprisingly complex.

Master the art of flexible, dynamic logging in your Prisma setup with a powerful function—`getPrismaOptions()`.

This tutorial guides you on how to use Dockerfile, docker-compose, and GitHub Actions for building and deploying applications.

In this guide, we secure a MySQL server to accept only SSL connections, minimizing the risk of data exposure.

Leverage TypeScript type assertions for dynamic, adaptable object types.

Create a reusable React Context Provider in Next.js for managing a searchable cookie list.

In this tutorial, we migrated from useState to useReducer while building a counter interface in a Next.js app.

This post explains useRef and useState usage in React by creating a custom hook to track component render count without extra re-renders. useRef stores render count while useState manages multiple state values independently, allowing efficient updates and…

This post demonstrates using the useCallback hook in a Next.js 13 component for better performance.

AI-driven degradation and enhancement in Next.js and Vercel empower developers to create adaptable, cost-effective web apps that seamlessly handle fluctuating loads and maintain a robust user experience.