Dev Journal

Tips & Tricks

Deep technical articles on React, Next.js, TypeScript, NestJS, and mobile development from the Octopush engineering team.

15 articles
ReactJS8 min readApril 10, 2026

React Server Components: A Deep Dive into the New Rendering Paradigm

Explore how React Server Components fundamentally change how we think about data fetching and rendering. We cover the mental model, practical patterns, and pitfalls to avoid.

ReactRSCPerformance
Read article
Next.js10 min readApril 8, 2026

Next.js 15 App Router: Advanced Routing Patterns You Should Know

Master intercepting routes, parallel routes, and route groups. Learn how these patterns enable modals, split-view layouts, and nested dashboards.

Next.jsApp RouterRouting
Read article
TypeScript12 min readApril 5, 2026

TypeScript Generics: From Beginner to Expert in One Article

Generics are one of TypeScript's most powerful features. This guide breaks down generic types, conditional types, mapped types, and template literal types.

TypeScriptGenericsTypes
Read article
NestJS9 min readApril 2, 2026

Building Scalable APIs with NestJS: Modules, Guards, and Interceptors

Explore NestJS modular architecture, dependency injection, custom guards for auth, and request/response interceptors in production APIs.

NestJSNode.jsAPI
Read article
Mobile OCR14 min readMarch 30, 2026

Mobile OCR with React Native: Building a Document Scanner App

Implement optical character recognition in React Native using Vision Camera and ML Kit. Build a real-world KTP scanner extracting NIK, name, and address automatically.

React NativeOCRML Kit
Read article
Next.js7 min readMarch 27, 2026

Next.js Image Optimization: Everything You Need to Know

The next/image component is powerful but often misunderstood. This guide covers lazy loading, priority hints, AVIF/WebP formats, remote patterns, and Core Web Vitals.

Next.jsPerformanceImages
Read article
ReactJS6 min readMarch 24, 2026

React Query vs. SWR: Choosing the Right Data Fetching Library

Compare React Query and SWR caching strategies, mutation APIs, DevTools, bundle size, and ecosystem integrations to help you pick the right tool.

ReactData FetchingState Management
Read article
TypeScript5 min readMarch 21, 2026

TypeScript Strict Mode: Why You Should Enable It Today

Strict mode catches bugs before production. We walk through noImplicitAny, strictNullChecks, noUncheckedIndexedAccess, and how to adopt them incrementally.

TypeScriptBest PracticesDX
Read article
NestJS11 min readMarch 18, 2026

NestJS Microservices with Redis: Event-Driven Architecture

Scale your backend with microservices using NestJS and Redis Pub/Sub. Covers service communication, event serialization, error handling, and Kubernetes deployment.

NestJSMicroservicesRedis
Read article
Mobile OCR13 min readMarch 15, 2026

React Native Performance: From 30fps to 60fps

Cover the Hermes engine, Reanimated 3, memoization strategies, FlatList optimizations, and how to use Flipper to profile your React Native app.

React NativePerformanceAnimation
Read article
ReactJS8 min readMarch 12, 2026

Building a Design System with Tailwind CSS and Storybook

Configure Tailwind design tokens, create reusable component variants, and document them with Storybook for consistent UI across your entire product.

ReactTailwindDesign System
Read article
Next.js9 min readMarch 9, 2026

Next.js Middleware: Auth, Redirects, and A/B Testing

Next.js Middleware runs at the edge before request completion. Use it to protect routes, handle locale redirects, inject feature flags, and run A/B experiments.

Next.jsMiddlewareAuth
Read article
TypeScript10 min readMarch 6, 2026

Advanced TypeScript: Utility Types and Mapped Types in Practice

Go beyond Pick and Omit. Explore Awaited, ReturnType, Parameters, infer keyword, recursive conditional types, and build your own powerful utility types.

TypeScriptAdvancedUtility Types
Read article
NestJS15 min readMarch 3, 2026

NestJS Authentication: JWT, Refresh Tokens, and OAuth2

Implement production-grade auth using Passport.js, JWT access/refresh tokens, Google OAuth2, and RBAC. Includes security best practices and rate limiting.

NestJSAuthJWTSecurity
Read article
Mobile OCR12 min readFebruary 28, 2026

OCR Data Extraction: Processing Indonesian ID Cards (KTP) at Scale

Building a robust KTP scanner requires more than basic OCR. Covers preprocessing pipelines, handling skewed images, confidence scoring, and FastAPI deployment.

OCRPythonComputer VisionFastAPI
Read article

Stay in the Loop

Weekly engineering insights, architecture patterns, and practical code tips from the Octopush team.

No spam. Unsubscribe anytime.