Frequently Asked Questions

App Router pages, server rendering, metadata, route loading states, API routes, host-based middleware, redirects, and server-side project source loading.

Every interactive interface, stateful component, context provider, hook, lazy boundary, and the Browser Visual Lab portals.

The application source, semantic page structure, responsive layouts, light/dark themes, component styling, and CSS animation system.

Next.js server execution, filesystem-backed MDX/source loading, content scripts, and build-time asset generation.

Canvas 2D and requestAnimationFrame power the landing diffusion, simulations, compositing and video effects; WebGL renders 3D work; MediaDevices, Web Audio and MediaRecorder power Browser Visual Lab; observers and localStorage support responsive UI and theme persistence.

@next/mdx, @mdx-js, remark-frontmatter and remark-gfm compile new blog posts with frontmatter, GitHub-flavoured Markdown and embedded React components.

Reads and normalises post metadata such as titles, dates, tags, drafts, summaries and preprint links from MDX frontmatter.

Renders inline and block equations throughout the interactive simulation explanations.

Interactive scientific and statistical charts inside legacy long-form articles, loaded client-side to keep server rendering stable.

Navigation controls, filters, buttons, drawers, inputs and the shared icon language across articles, resources and project tools.

The root UI provider and its CSS-in-JS runtime foundation. Most visible site styling is still intentionally written in plain CSS.

Page entrances, FAQ transitions, filters, cards, carousels and animated resource interactions.

The reusable typewriter text component, including cursor and timing animation.

Pointer, touch and inertial interaction in the draggable dome image gallery.

Measures and lays out the selectable landing-page ASCII text so the visible canvas diffusion aligns with real monospace characters.

The Three.js gallery, landing and project meshes, reaction-diffusion surfaces, labyrinth sphere, mushroom gills, disco ball, 3D boids and Air Route globe.

React-managed WebGL scenes, cameras, controls, labels and helpers in the globe, boids and dithered visual components.

@react-three/postprocessing and postprocessing provide the custom dither effect pipeline used by the WebGL Dither component.

A lightweight WebGL renderer for the animated Grainient background shader.

Resource graph force layout and collision handling, plus geographic projections, paths and great-circle route geometry in Air Route Mapper.

Canvas-rendered, draggable article/topic relationship graphs with zooming, hit testing and force simulation.

Country outlines, borders and Natural Earth geometry for Air Route Mapper’s two-dimensional map.

Optional in-browser object detection nodes in Browser Visual Lab; the model and backend are lazy-loaded only when an ML node is used.

Cookie-aware authentication, login/logout API routes, session refresh, middleware checks and protection of the admin route.

Imports SVG social marks as React components in the navigation and About page.

Build-time image analysis and conversion for generating the landing-page ASCII asset.