Skip to content
Chaoran Huang

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 eiπ+1=0e^{i\pi} + 1 = 0 sits in a sentence.

Display math (own line, centered) uses $$ blocks:

n=11n2=π26\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}

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):

Example illustration

Same file with the MDX img component (Fumadocs styles it):

Example illustration

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).