Upgraded My Portfolio to Next.js 16.3: This Is What I Learned
Measured numbers from moving a Next.js portfolio from 15 to 16: builds 2.5x faster, dev boot 3.6x faster, and the two changes to make first.
Showing all 14 posts
Technical insights about web development, Angular, React, Next.js, TypeScript, and modern software engineering practices.
Measured numbers from moving a Next.js portfolio from 15 to 16: builds 2.5x faster, dev boot 3.6x faster, and the two changes to make first.
Master Angular's modern inject() function and learn when to use it over constructor-based dependency injection, with real-world examples.
A guide to Angular's built-in @if, @for, and @switch blocks, introduced in v17 to replace structural directives, with migration examples.
Set up an automated code quality pipeline with ESLint, Prettier, Husky, and lint-staged: framework-agnostic setup and real-world practice.
Feature-based architecture patterns in Angular 19 with standalone components, signals, and modular design for large-scale applications.
Web accessibility with practical React examples: WCAG guidelines, semantic HTML, ARIA attributes, and building inclusive UIs for everyone.
Explore how to build and orchestrate microfrontend architectures using React and Vite, enabling independent deployments and team autonomy at scale.
Step-by-step guide for upgrading Angular applications from version 16 to 20, covering breaking changes, new features, and best practices.
Performance optimization for large Angular apps: OnPush change detection, signal-based reactivity, lazy loading, and bundle optimization.
Build a robust Angular directive for image loading with automatic fallback support, using signals and effects to handle broken images.
Build a custom ESLint rule that requires default attributes on img elements, giving Angular templates reliable image fallbacks.
Optimize your MDX blog for search engines and social sharing with proper meta tags, Open Graph, Twitter Cards, and performance tips.
A guide to setting up a modern blog with MDX and Next.js 15: project setup, dynamic routing, frontmatter processing, and styling.
My first blog post using MDX with Next.js, combining Markdown with React components across MDX, Next.js, React, and TypeScript.