Static Site Generation

Media queries are a CSS feature that allows you to apply styles conditionally based on device characteristics like viewport width, height, orientation, color scheme preference, or reduced motion settings. They are the backbone of responsive web design, enabling different layouts for mobile, tablet, and desktop screens. Modern media queries also support user preference detection with `prefers-color-scheme` and `prefers-reduced-motion` for more accessible experiences.

Git hooks are scripts that Git executes automatically before or after events like commits, pushes, and merges. Common examples include pre-commit hooks that run linters and formatters, commit-msg hooks that enforce message conventions, and pre-push hooks that run tests. Tools like Husky and lint-staged make it easy to manage hooks across a team, catching issues before they reach the remote repository.

React Server Components (RSC) are components that render exclusively on the server and send only their HTML output to the client, with zero JavaScript bundle impact. They can directly access databases, file systems, and backend services without API endpoints. Combined with Client Components (marked with `'use client'`), RSC enables a hybrid architecture where interactive parts ship JavaScript while static or data-heavy parts remain server-only. Next.js App Router uses RSC as its default component model.

A design system is a collection of reusable components, guidelines, and standards that ensure visual and functional consistency across a product or suite of products. It typically includes a component library, design tokens, typography rules, color palettes, and documentation. Design systems bridge the gap between designers and developers, enabling teams to build interfaces faster while maintaining a unified look and feel.

A cron job is a time-based task scheduler originating from Unix systems that runs commands or scripts at specified intervals. The schedule is defined using a cron expression with five fields representing minute, hour, day, month, and weekday. Cron jobs are fundamental for automations like database backups, log rotation, report generation, and periodic data synchronization.

Design tokens are the smallest units of a design system — named values representing colors, spacing, typography, border radii, and other visual properties. They act as a single source of truth that can be translated into platform-specific formats (CSS variables, Swift constants, XML resources). By changing token values in one place, you can update the look and feel of an entire application across multiple platforms simultaneously.