Posts
8Articles collected into this reading track.
Blog series
Building a Production Next.js App A reading track.
A practical sequence for turning a fresh Next.js codebase into a product teams can lint, test, document, deploy, and secure with confidence.
Cadence
A guided walkthrough from project structure to auth and delivery.
Publishing rhythm for this series.
Focus areas
4Recurring themes shaping the articles in this track.
A series about shipping the whole system
These posts are meant to be read as a progression, not as isolated tutorials. The throughline is simple: a production app needs more than screens. It needs conventions, review guardrails, tests, deployment checks, and authentication that still make sense months later.
If you are building or rescuing a Next.js codebase, this series is the path I would want a team to have in front of them from day one.
Focus areas
Next.jsTestingCI-CDArchitecture
Posts
Articles in this series.
Read these in order if you want the clearest progression from foundations to deeper implementation decisions.
Guide
Part 16 min read
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.
developmentreact
Guide
Part 25 min read
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.
eslintvitest
Tutorial
Part 33 min read
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.
pre-commitvitest
Tutorial
Part 48 min read
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.
typescripttailwind
Tutorial
Part 56 min read
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.
vitesttesting-library
Guide
Part 65 min read
Continuous Integration and Deployment for Next.js Projects
Build a practical Next.js CI/CD pipeline with GitHub Actions that installs cleanly, runs linting and tests, verifies builds, and deploys trusted code.
ci-cdgithub-actions
Tutorial
Part 77 min read
Authentication and Authorization in Next.js Applications with Supabase
Build maintainable Next.js authentication with Supabase SSR, protected routes, session handling, and clear authorization patterns for production teams.
supabaseauthentication
Guide
Part 85 min read
Playwright Accessibility Checks That Teams Keep Running
How to add accessibility automation to your Playwright suite in a way that is fast enough to stay in the workflow and specific enough to actually catch problems.
accessibilityplaywright