Writing Guide 7 min read
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
Filtered by topic
Browse by topic
Select a different topic from the filter to switch views, or clear to see all posts.
All posts #typescript 10 #react 8 #nextjs 7 #eslint 5 #developer-experience 4 #frontend 3 #git 3 #vitest 3
Writing Tutorial 6 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
Writing Guide 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
Writing Tutorial 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
Writing Tutorial 7 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
Writing Tutorial 2 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
Writing Guide 5 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