Writing about software architecture, automation, and engineering craft.

Why I Moved My ESLint Library to @santi020k/eslint-config-basic

Why I deprecated @santi020k/eslint-config-santi020k in favor of a composable monorepo with clearer packages, better docs, and stronger DX.

In series: ESLint in Practice · Part 3

Avoid Inverted Conditionals When Clarity Matters

Positive conditionals usually reduce mental load and make branches easier to scan, review, and change.

In series: The santi020k way · Part 9

A Release Process That Reduces Drama

A release process should lower stress, tighten feedback loops, and make production changes easier to trust.

In series: The santi020k way · Part 8

Code Standards That Scale With a Team

The version of coding standards I would actually hand to a growing frontend team today.

In series: The santi020k way · Part 7

Responsive Design Standards That Scale Across Components

Responsive work gets easier when breakpoints and layout decisions are treated like a shared system.

In series: The santi020k way · Part 6

Git Best Practices for Calm Collaboration

Simple commit and pull-request habits that reduce review friction and make collaboration calmer.

In series: The santi020k way · Part 5

Write Better Review Feedback with Conventional Comments

A lightweight review language that makes feedback clearer, kinder, and easier to act on.

In series: The santi020k way · Part 4

Avoid Magic Strings in TypeScript and JavaScript

Replace ad-hoc string literals with clearer domain language, stronger typing, and safer refactors.

In series: The santi020k way · Part 3

Common Code Pitfalls That Signal Maintenance Risk

The code smells that usually predict rising maintenance cost before a team feels the full pain.

In series: The santi020k way · Part 2

Skin in the Game for Software Teams

Why strong engineers care about product outcomes, users, and system health instead of stopping at ticket completion.

In series: The santi020k way · Part 1

Boosting Code Quality and Efficiency with My ESLint Configuration Library

Reusable ESLint library for React, Next.js, and TypeScript projects. Enforces code quality with flat config support and simplifies the move from ESLint 8 to 9.

In series: ESLint in Practice · Part 2

Migrate ESLint 8 or Less to ESLint 9

A practical guide to moving from ESLint 8 to flat config in ESLint 9, with a cleaner setup for React, Next.js, and TypeScript projects.

In series: ESLint in Practice · Part 1

Authentication and Authorization in Next.js Applications with Supabase

A practical approach to authentication and authorization in Next.js with Supabase, focused on SSR, route protection, and keeping auth logic understandable.

In series: Building a Production Next.js App · Part 7

Continuous Integration and Deployment for Next.js Projects

A practical CI/CD setup for Next.js projects using GitHub Actions so linting, tests, and builds become part of the delivery process instead of an afterthought.

In series: Building a Production Next.js App · Part 6

Testing React Components with Vitest and React Testing Library

A practical setup for testing React components with Vitest and React Testing Library, focused on behavior, confidence, and maintainable frontend code.

In series: Building a Production Next.js App · Part 5

Configuring MongoDB with Homebrew on macOS: Converting a Standalone Instance to a Replica Set

Convert a standalone MongoDB instance to a replica set on macOS using Homebrew. Covers mongod.conf changes, replication settings, and local verification steps.

Storybook in Action with Next.js, Tailwind and TypeScript

Set up Storybook in a Next.js project with Tailwind and TypeScript. Build isolated UI components, write stories, and improve design system collaboration.

In series: Building a Production Next.js App · Part 4

Development Workflow with Husky for Next.js, ESLint, and Vitest Integration

A practical Husky setup for Next.js projects so linting, testing, and pre-push checks become part of the team workflow instead of a last-minute cleanup step.

In series: Building a Production Next.js App · Part 3

Building the Best Next.js TypeScript Standard Vitest ESLint Configuration

Configure ESLint for Next.js with TypeScript and Vitest integration. Covers code quality rules, import conventions, and a scalable setup for React projects.

In series: Building a Production Next.js App · Part 2

Atomic Module Component Structure for React

Structure React projects using Atomic Module Components — covering file layout, naming conventions, and scalability patterns for growing TypeScript codebases.

In series: Building a Production Next.js App · Part 1