Loading examples/next-integration/app/[slug]/page.tsxdeleted 100644 → 0 +0 −8 Original line number Diff line number Diff line export default async function Page({ params, }: { params: Promise<{ slug: string }>; }) { const slug = await params; return <div>Hello {slug.slug}</div>; } examples/next-integration/app/globals.css +8 −3 Original line number Diff line number Diff line @tailwind base; @tailwind components; @tailwind utilities; @import "tailwindcss"; :root { --background: #ffffff; --foreground: #171717; } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); } @media (prefers-color-scheme: dark) { :root { --background: #0a0a0a; Loading examples/next-integration/app/layout.tsx +18 −3 Original line number Diff line number Diff line import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); export const metadata: Metadata = { title: "Fedify Next.js App Router Example", description: "A demo of Fedify with Next.js App Router", title: "Fedify Next.js Integration Example", description: "A demo of Fedify with `@fedify/next`", }; export default function RootLayout({ Loading @@ -13,7 +24,11 @@ export default function RootLayout({ }>) { return ( <html lang="en"> <body className={`antialiased`}>{children}</body> <body className={`${geistSans.variable} ${geistMono.variable} antialiased`} > {children} </body> </html> ); } examples/next-integration/app/page.tsx +28 −30 Original line number Diff line number Diff line import { headers } from "next/headers"; import { relationStore } from "~/data/store"; import { relationStore } from "@/data/store"; export default async function Page() { return ( Loading @@ -15,8 +15,7 @@ export default async function Page() { @demo@{(await headers()).get("host")} </code> </p> {relationStore.size === 0 ? ( {relationStore.size === 0 ? ( <p> No followers yet. Try to add a follower using{" "} <a Loading @@ -28,8 +27,7 @@ export default async function Page() { </a> . </p> ) : ( ) : ( <> <p>This account has the below {relationStore.size} followers:</p> <ul className="grid gap-1"> Loading examples/next-integration/eslint.config.mjs +9 −0 Original line number Diff line number Diff line Loading @@ -11,6 +11,15 @@ const compat = new FlatCompat({ const eslintConfig = [ ...compat.extends("next/core-web-vitals", "next/typescript"), { ignores: [ "node_modules/**", ".next/**", "out/**", "build/**", "next-env.d.ts", ], }, ]; export default eslintConfig; Loading
examples/next-integration/app/[slug]/page.tsxdeleted 100644 → 0 +0 −8 Original line number Diff line number Diff line export default async function Page({ params, }: { params: Promise<{ slug: string }>; }) { const slug = await params; return <div>Hello {slug.slug}</div>; }
examples/next-integration/app/globals.css +8 −3 Original line number Diff line number Diff line @tailwind base; @tailwind components; @tailwind utilities; @import "tailwindcss"; :root { --background: #ffffff; --foreground: #171717; } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); } @media (prefers-color-scheme: dark) { :root { --background: #0a0a0a; Loading
examples/next-integration/app/layout.tsx +18 −3 Original line number Diff line number Diff line import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); export const metadata: Metadata = { title: "Fedify Next.js App Router Example", description: "A demo of Fedify with Next.js App Router", title: "Fedify Next.js Integration Example", description: "A demo of Fedify with `@fedify/next`", }; export default function RootLayout({ Loading @@ -13,7 +24,11 @@ export default function RootLayout({ }>) { return ( <html lang="en"> <body className={`antialiased`}>{children}</body> <body className={`${geistSans.variable} ${geistMono.variable} antialiased`} > {children} </body> </html> ); }
examples/next-integration/app/page.tsx +28 −30 Original line number Diff line number Diff line import { headers } from "next/headers"; import { relationStore } from "~/data/store"; import { relationStore } from "@/data/store"; export default async function Page() { return ( Loading @@ -15,8 +15,7 @@ export default async function Page() { @demo@{(await headers()).get("host")} </code> </p> {relationStore.size === 0 ? ( {relationStore.size === 0 ? ( <p> No followers yet. Try to add a follower using{" "} <a Loading @@ -28,8 +27,7 @@ export default async function Page() { </a> . </p> ) : ( ) : ( <> <p>This account has the below {relationStore.size} followers:</p> <ul className="grid gap-1"> Loading
examples/next-integration/eslint.config.mjs +9 −0 Original line number Diff line number Diff line Loading @@ -11,6 +11,15 @@ const compat = new FlatCompat({ const eslintConfig = [ ...compat.extends("next/core-web-vitals", "next/typescript"), { ignores: [ "node_modules/**", ".next/**", "out/**", "build/**", "next-env.d.ts", ], }, ]; export default eslintConfig;