fedify-dev · 2chanhaeng · Apr 13, 2026 · Apr 15, 2026 · Apr 18, 2026 · Apr 18, 2026
diff --git a/.agents/skills/create-example-app-with-integration/example/public/style.css b/.agents/skills/create-example-app-with-integration/example/public/style.css
@@ -20,8 +20,9 @@ body {
   background: var(--background);
   color: var(--foreground);
   font-size: 16px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen, Ubuntu, Cantarell, sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
+    Cantarell, sans-serif;
 }
 
 a {

diff --git a/.agents/skills/create-example-app-with-integration/example/public/theme.js b/.agents/skills/create-example-app-with-integration/example/public/theme.js
@@ -1,5 +1,5 @@
 "use strict";
-var mq = window.matchMedia("(prefers-color-scheme: dark)");
+const mq = globalThis.window.matchMedia("(prefers-color-scheme: dark)");
 document.body.classList.add(mq.matches ? "dark" : "light");
 mq.addEventListener("change", function (e) {
   document.body.classList.remove("light", "dark");

diff --git a/deno.lock b/deno.lock
diff --git a/examples/nuxt/.gitignore b/examples/nuxt/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+dist
+.output
+.nuxt
+.data
diff --git a/examples/nuxt/README.md b/examples/nuxt/README.md
@@ -0,0 +1,45 @@
+<!-- deno-fmt-ignore-file -->
+
+Fedify-Nuxt integration example application
+===========================================
+
+A comprehensive example of building a federated server application using
+[Fedify] with [Nuxt].  This example demonstrates how to create an
+ActivityPub-compatible federated social media server that can interact with
+other federated platforms like [Mastodon], [Misskey], and other ActivityPub
+implementations using the Fedify and [Nuxt].
+
+[Fedify]: https://fedify.dev
+[Nuxt]: https://nuxt.com/
+[Mastodon]: https://mastodon.social/
+[Misskey]: https://misskey.io/
+
+
+Running the example
+-------------------
+
+~~~~ sh
+pnpm dev
+~~~~
+
+
+Communicate with other federated servers
+----------------------------------------
+
+1.  Tunnel your local server to the internet using `fedify tunnel`
+
+    ~~~~ sh
+    fedify tunnel 3000
+    ~~~~
+
+2.  Open the tunneled URL in your browser and check that the server is running
+    properly.
+
+3.  Search your handle and follow from other federated servers such as
+    [Mastodon] or [Misskey].
+
+    > [!NOTE]
+    > [ActivityPub Academy] is a great resource to learn how to interact
+    > with other federated servers using ActivityPub protocol.
+
+[ActivityPub Academy]: https://www.activitypub.academy/
diff --git a/examples/nuxt/app.vue b/examples/nuxt/app.vue
@@ -0,0 +1,13 @@
+<template>
+  <NuxtPage />
+</template>
+
+<script setup lang="ts">
+useHead({
+  link: [
+    { rel: "stylesheet", href: "/style.css" },
+    { rel: "icon", type: "image/svg+xml", href: "/fedify-logo.svg" },
+  ],
+  script: [{ src: "/theme.js" }],
+});
+</script>
diff --git a/examples/nuxt/nuxt.config.ts b/examples/nuxt/nuxt.config.ts
@@ -0,0 +1,7 @@
+export default defineNuxtConfig({
+  modules: ["@fedify/nuxt"],
+  fedify: { federationModule: "#server/federation" },
+  ssr: true,
+  devServer: { host: "0.0.0.0" },
+  vite: { server: { allowedHosts: true } },
+});
diff --git a/examples/nuxt/package.json b/examples/nuxt/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "nuxt-example",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "description": "Fedify app with Nuxt integration",
+  "scripts": {
+    "dev": "nuxt dev",
+    "build": "nuxt build",
+    "preview": "nuxt preview",
+    "start": "node .output/server/index.mjs"
+  },
+  "dependencies": {
+    "@fedify/fedify": "workspace:^",
+    "@fedify/nuxt": "workspace:^",
+    "@fedify/vocab": "workspace:^",
+    "@logtape/logtape": "catalog:",
+    "nuxt": "catalog:",
+    "h3": "catalog:",
+    "vue": "^3.5.13",
+    "x-forwarded-fetch": "^0.2.0"
+  },
+  "devDependencies": {
+    "typescript": "catalog:",
+    "@types/node": "catalog:"
+  }
+}