Hello World
Minimal example page — code, math, diagrams, and images
Hello World
This is a small example document in apps/learn/content/docs. Edit this file or add new .mdx files next to it to grow the site.
Code
console.log('Hello, world!');Formulas (KaTeX)
Inline math: Euler’s identity sits in a sentence.
Display math (own line, centered) uses $$ blocks:
Diagrams (Mermaid)
Use a fenced code block with language mermaid (lazy-loaded in this app):
Pictures
Put static files under apps/learn/public/. They are served from the site root, so /images/... maps to public/images/....
Markdown image (works everywhere):
Same file with the MDX img component (Fumadocs styles it):
For photos, use public/images/your-folder/photo.jpg and reference /images/your-folder/photo.jpg. Remote URLs need to be allowed in next.config.mjs under images.remotePatterns if you use optimized images.
Next steps
Go back to the docs home or try the components demo (Sandpack and more).