File-based metadata
Drop static files with conventional names in src/app/ and bext serves them at predictable URLs. The runtime auto-injects <link rel="icon">, <link rel="apple-touch-icon">, <meta property="og:image"> into <head> for every descendant route.
Tip
Overrides are per-segment: an opengraph-image.png inside src/app/blog/ replaces the OG image only for /blog/* and its descendants — other routes still inherit from the root. No config needed: just drop the file.
Inspect the head
View source on this page — the <head> contains the auto-injected tags pointing at the SVG files in the demo's src/app/.
Try the URLs
- /icon.svg — icon (favicon)
- /apple-icon.svg — apple-touch-icon
- /opengraph-image.svg — OpenGraph image
- /sitemap.xml — sitemap
- /robots.txt — robots
// src/app/icon.svg → /icon.svg
// src/app/apple-icon.svg → /apple-icon.svg
// src/app/opengraph-image.svg → /opengraph-image.svg
// src/app/twitter-image.png → /twitter-image.png
// src/app/sitemap.xml → /sitemap.xml
// src/app/robots.txt → /robots.txt
// Per-segment override (Next.js semantics):
// src/app/blog/opengraph-image.png → /blog/opengraph-image.png
// (auto-injected for all routes under /blog/*)