Posts
8
Articles collected into this reading track.
Cadence
A guided walkthrough from project structure to auth and delivery.
Publishing rhythm for this series.
Focus areas
4
Recurring 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.
Part 1
WritingGuide
6 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.
In series: Building a Production Next.js App · Part 1
Part 2
WritingGuide
5 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.
In series: Building a Production Next.js App · Part 2
Part 3
WritingTutorial
3 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.
In series: Building a Production Next.js App · Part 3
Part 4
WritingTutorial
8 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.
In series: Building a Production Next.js App · Part 4
Part 5
WritingTutorial
6 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.
In series: Building a Production Next.js App · Part 5
Part 6
WritingGuide
5 min read
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
Part 7
WritingTutorial
7 min read
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
Part 8
WritingGuide
5 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.
In series: Building a Production Next.js App · Part 8