How do I use SEO file generation?

Enable option

// nutin.config.js
export default {
  generateSEOFiles: true,
}

route.title is also consumed at runtime: on every route change, document.title is set from the matching route's title here (falling back to the view's viewName when generateSEOFiles is off or no route matches) — see How do I create a view?.

Configuration file

// `config/seo.json` 
{
  "baseUrl": "https://my-nutin-app.eu",
  "disallowBots": [],
  "routes": [ /* ... */ ]
}

Default example

{
  "baseUrl": "https://my-nutin-app.eu",
  "disallowBots": ["GPTBot"],
  "routes": [
    {
      "path": "/",
      "title": "My Nutin App — Home",
      "description": "Welcome to My Nutin App.",
      "ogImage": "/assets/images/og-cover.jpg"
    },
    {
      "path": "/blog/:slug",
      "title": "My Nutin App — Blog",
      "description": "Read the latest posts.",
      "mockParams": { "slug": "hello-world" },
      "mockFetch": { "/api/posts/hello-world": { "title": "Hello World", "body": "..." } }
    }
  ]
}

With i18n option enabled

See How do I use i18n to help you enable i18n in your project.

// With i18n enabled and, in this example, `config/languages.json` listing `en`+`fr`
{
  "baseUrl": "https://my-nutin-app.com",
  "disallowBots": [],
  "routes": [
    {
      "path": "/",
      "title": { "en": "My Nutin App — Home", "fr": "Mon App Nutin — Accueil" },
      "description": { "en": "Welcome to My Nutin App.", "fr": "Bienvenue sur Mon App Nutin." },
      "ogImage": "/assets/images/og-cover.jpg"
    },
    // Second route left flat - SEO file will be generated but not localized
    {
      "path": "/blog/:slug",
      "title": "My Nutin App — Blog",
      "description": "Read the latest posts.",
      "mockParams": { "slug": "hello-world" }
    }
  ]
}

ogImage stays flat even on the localized route.

Route fields