Cron Job

A webhook is a mechanism where one system sends an automated HTTP request to another system when a specific event occurs. Unlike polling, where the client repeatedly checks for updates, webhooks push data in real time, making them far more efficient. They are widely used to connect services — for example, triggering a deployment when code is merged or sending a Slack notification when a payment is processed.

Next.js is a full-stack React framework by Vercel that provides server-side rendering, static site generation, API routes, file-based routing, and built-in optimizations out of the box. Its App Router (introduced in v13) uses React Server Components by default, enabling a new paradigm of server-first rendering with selective client-side interactivity. Next.js has become the de facto standard for production React applications due to its performance optimizations, developer experience, and deployment flexibility.

React Hooks are functions (like `useState`, `useEffect`, `useMemo`, `useCallback`) that let you use state, side effects, and other React features inside functional components without writing classes. Introduced in React 16.8, they fundamentally changed how React applications are structured by enabling logic reuse through custom hooks. Hooks must follow two rules: they can only be called at the top level of a component, and only inside React function components or other hooks.

Tree shaking is a dead code elimination technique used by modern bundlers like Webpack, Rollup, and esbuild to remove unused exports from the final JavaScript bundle. It relies on the static structure of ES module `import`/`export` syntax to determine which code is actually referenced and safely discard the rest. For tree shaking to work effectively, libraries must use ESM format and avoid side effects in their module initialization, which is why the `sideEffects` field in `package.json` matters.

Auto-scaling is the ability of a system to automatically adjust the number of running instances or allocated resources based on current demand. When traffic spikes, new instances are provisioned; when demand drops, excess resources are released to save costs. Cloud platforms like AWS, GCP, and Azure offer auto-scaling groups with configurable policies based on CPU usage, request count, queue depth, or custom metrics.

Code splitting is an optimization technique that breaks a JavaScript bundle into smaller chunks that are loaded on demand, rather than forcing users to download the entire application upfront. In React, this is achieved through `React.lazy()` and dynamic `import()` statements, which create separate bundles loaded only when the corresponding component or route is accessed. This dramatically improves initial load times, especially for large single-page applications with many routes.