fimo 2.4.0-staging.1 → 2.4.0-staging.11

package/templates/nextjs/package.json

@@ -12,9 +12,9 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.80.6",
-    "fimo": "2.4.0-staging.1",
-    "fimo-next": "2.4.0-staging.1",
-    "fimo-react": "2.4.0-staging.1",
+    "fimo": "2.4.0-staging.11",
+    "fimo-next": "2.4.0-staging.11",
+    "fimo-react": "2.4.0-staging.11",
     "next": "^16.3.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7"

package/templates/nextjs/src/app/layout.tsx

@@ -1,12 +1,14 @@
-import { FimoProvider, buildFimoMetadata, buildFimoViewport } from 'fimo-next';
+import { FimoProvider } from 'fimo-next';
+import { toNextMetadata, toNextViewport } from 'fimo-next/seo';
+import { getFimoSeo } from 'fimo/seo/server';
 import type { ReactNode } from 'react';
 
 import { defaultLocale } from '../locales';
 
 import './globals.css';
 
-export const generateMetadata = () => buildFimoMetadata();
-export const generateViewport = () => buildFimoViewport();
+export const generateMetadata = () => toNextMetadata(getFimoSeo());
+export const generateViewport = () => toNextViewport(getFimoSeo());
 
 export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) {
   return (

package/templates/nextjs/src/app/page.tsx

@@ -1,3 +1,9 @@
+import { toNextMetadata, toNextViewport } from 'fimo-next/seo';
+import { getFimoSeo } from 'fimo/seo/server';
+
+export const generateMetadata = () => toNextMetadata(getFimoSeo({ pathname: '/' }));
+export const generateViewport = () => toNextViewport(getFimoSeo({ pathname: '/' }));
+
 export default function HomePage() {
   return (
     <div className="starter">

package/templates/react-router/package.json

@@ -21,10 +21,10 @@
     "cn": "0.2.4",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
-    "fimo": "2.4.0-staging.1",
-    "fimo-react": "2.4.0-staging.1",
-    "fimo-react-router": "2.4.0-staging.1",
-    "fimo-vite": "2.4.0-staging.1",
+    "fimo": "2.4.0-staging.11",
+    "fimo-react": "2.4.0-staging.11",
+    "fimo-react-router": "2.4.0-staging.11",
+    "fimo-vite": "2.4.0-staging.11",
     "input-otp": "^1.4.2",
     "isbot": "^5",
     "lucide-react": "^0.577.0",

package/templates/sveltekit/AGENTS.md

@@ -32,7 +32,7 @@ a code-only task, or use `npx fimo@latest` for project-local code generation and
 - Preserve the native `[[locale=locale]]` route boundary. The optional parameter keeps the default locale at `/`; the matcher prevents ordinary top-level routes from being mistaken for locales. The root server layout passes the tracked `event.params` through `resolveLocale`, then sends that locale to `getLabels` and `FimoProvider`. Remove the extra brackets only when every locale must be prefixed.
 - Keep the document language request-aware: `src/hooks.server.ts` renders the initial `<html lang>`, and the root layout updates it after client navigation.
 - Keep `.fimo/config.json#routes` as Studio metadata aligned with SvelteKit's route files. It does not configure SvelteKit routing.
-- The application owns routes, locale resolution, links, HTML language/direction, and SEO. Fimo connects to those decisions.
+- The application owns routes, locale resolution, links and SEO. Return final `seoHead` from route loads using `resolveSeoForPath` and `toSeoHead` from `fimo/seo`. The root renders `page.data.seoHead` once. Content pages supply route data; do not add competing page head tags. Check client navigation for stale tags.
 - Do not add a second deployment platform.
 - Never edit `.fimo/project.json`; it links this directory to the remote project.
 - Keep `.fimo/config.json#runtime` true to the code: framework, `dev`/`build`/`install` commands, output directory. Update it when you rename a package script, move the build output, or change framework; the reference is `fimo skills get fimo-code --ref frameworks/hosting`.

package/templates/sveltekit/package.json

@@ -11,8 +11,8 @@
     "prepare": "svelte-kit sync"
   },
   "dependencies": {
-    "fimo": "2.4.0-staging.1",
-    "fimo-sveltekit": "2.4.0-staging.1"
+    "fimo": "2.4.0-staging.11",
+    "fimo-sveltekit": "2.4.0-staging.11"
   },
   "devDependencies": {
     "@sveltejs/kit": "^2.70.2",

package/templates/sveltekit/src/routes/+layout.server.ts

@@ -1,12 +1,16 @@
 import { getLabels } from 'fimo-sveltekit';
+import { resolveSeoForPath, toSeoHead } from 'fimo/seo';
 
+import fimoConfig from '../../.fimo/config.json';
 import { resolveLocale } from '../locales';
 
 export async function load(event) {
   const locale = resolveLocale(event.params);
+  const seo = resolveSeoForPath(event.url.pathname, fimoConfig);
 
   return {
     locale,
+    seoHead: toSeoHead(seo, { canonicalUrl: seo?.url ? new URL(event.url.pathname, seo.url).href : undefined }),
     labels: await getLabels({ event, locale }),
   };
 }

package/templates/sveltekit/src/routes/+layout.svelte

@@ -1,17 +1,29 @@
 <script lang="ts">
   import { afterNavigate } from '$app/navigation';
+  import { page } from '$app/state';
   import { FimoProvider } from 'fimo-sveltekit/components';
   import type { Snippet } from 'svelte';
 
   import type { LayoutData } from './$types';
 
   let { data, children }: { data: LayoutData; children: Snippet } = $props();
+  const head = $derived(page.data.seoHead ?? { meta: [], links: [] });
 
   afterNavigate(() => {
     document.documentElement.lang = data.locale;
   });
 </script>
 
+<svelte:head>
+  <title>{head.title ?? 'Fimo + SvelteKit'}</title>
+  {#each head.meta as attributes}
+    <meta {...attributes} />
+  {/each}
+  {#each head.links as attributes}
+    <link {...attributes} />
+  {/each}
+</svelte:head>
+
 <FimoProvider labels={data.labels}>
   {@render children()}
 </FimoProvider>

package/templates/sveltekit/src/routes/[[locale=locale]]/+page.svelte

@@ -1,8 +1,3 @@
-<svelte:head>
-  <title>Fimo + SvelteKit</title>
-  <meta name="description" content="A new Fimo project." />
-</svelte:head>
-
 <div class="starter">
   <main class="starter-main">
     <div class="starter-panel">

package/templates/vite/package.json

@@ -11,10 +11,10 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.80.6",
-    "fimo": "2.4.0-staging.1",
-    "fimo-react": "2.4.0-staging.1",
-    "fimo-react-router": "2.4.0-staging.1",
-    "fimo-vite": "2.4.0-staging.1",
+    "fimo": "2.4.0-staging.11",
+    "fimo-react": "2.4.0-staging.11",
+    "fimo-react-router": "2.4.0-staging.11",
+    "fimo-vite": "2.4.0-staging.11",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-router": "^8.3.0"