jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(website): add og:title and og:description via pageMeta helper

Browse Source 
Extract a DRY pageMeta(title, description) helper that returns both
standard and OpenGraph meta tags from a single source of truth.
This commit is contained in:
Mohamed Boudra
2026-03-15 14:28:10 +07:00
parent 21c585abec
commit cda08ec033
15 changed files with 78 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/website/src/meta.ts
+8
View File
@@ -0,0 +1,8 @@
export function pageMeta(title: string, description: string) {
return [
{ title },
{ name: 'description', content: description },
{ property: 'og:title', content: title },
{ property: 'og:description', content: description },
]
}
packages/website/src/routes/changelog.tsx
+5 -8
View File
@@ -1,18 +1,15 @@
import { Link, createFileRoute } from '@tanstack/react-router'
import ReactMarkdown from 'react-markdown'
import changelogMarkdown from '../../../../CHANGELOG.md?raw'
import { pageMeta } from '~/meta'
import '~/styles.css'
export const Route = createFileRoute('/changelog')({
head: () => ({
meta: [
{ title: 'Changelog - Paseo' },
{
name: 'description',
content:
'Product updates, fixes, and improvements shipped in each Paseo release.',
},
],
meta: pageMeta(
'Changelog - Paseo',
'Product updates, fixes, and improvements shipped in each Paseo release.',
),
}),
component: Changelog,
})
packages/website/src/routes/claude-code.tsx
+5 -8
View File
@@ -1,16 +1,13 @@
import { createFileRoute } from '@tanstack/react-router'
import { LandingPage } from '~/components/landing-page'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/claude-code')({
head: () => ({
meta: [
{ title: 'Claude Code Mobile App – Ship from your phone | Paseo' },
{
name: 'description',
content:
'Run Claude Code from your phone. Launch agents, check on progress, review diffs, and merge — all from your pocket. Self-hosted, your code stays on your machine.',
},
],
meta: pageMeta(
'Claude Code Mobile App – Ship from your phone | Paseo',
'Run Claude Code from your phone. Launch agents, check on progress, review diffs, and merge — all from your pocket. Self-hosted, your code stays on your machine.',
),
}),
component: ClaudeCodePage,
})
packages/website/src/routes/codex.tsx
+5 -8
View File
@@ -1,16 +1,13 @@
import { createFileRoute } from '@tanstack/react-router'
import { LandingPage } from '~/components/landing-page'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/codex')({
head: () => ({
meta: [
{ title: 'Codex Mobile App – Run Codex from anywhere | Paseo' },
{
name: 'description',
content:
'Run OpenAI Codex from your phone. Kick off agents, monitor progress, and ship code without being at your desk. Self-hosted, your code never leaves your machine.',
},
],
meta: pageMeta(
'Codex Mobile App – Run Codex from anywhere | Paseo',
'Run OpenAI Codex from your phone. Kick off agents, monitor progress, and ship code without being at your desk. Self-hosted, your code never leaves your machine.',
),
}),
component: CodexPage,
})
packages/website/src/routes/docs/best-practices.tsx
+5 -7
View File
@@ -1,14 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/docs/best-practices')({
head: () => ({
meta: [
{ title: 'Best Practices - Paseo Docs' },
{
name: 'description',
content: 'Tips for getting the most out of Paseo and mobile-first agent workflows.',
},
],
meta: pageMeta(
'Best Practices - Paseo Docs',
'Tips for getting the most out of Paseo and mobile-first agent workflows.',
),
}),
component: BestPractices,
})
packages/website/src/routes/docs/cli.tsx
+5 -7
View File
@@ -1,14 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/docs/cli')({
head: () => ({
meta: [
{ title: 'CLI - Paseo Docs' },
{
name: 'description',
content: 'Paseo CLI reference: manage agents, daemons, permissions, and worktrees from your terminal.',
},
],
meta: pageMeta(
'CLI - Paseo Docs',
'Paseo CLI reference: manage agents, daemons, permissions, and worktrees from your terminal.',
),
}),
component: CLI,
})
packages/website/src/routes/docs/configuration.tsx
+5 -7
View File
@@ -1,14 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/docs/configuration')({
head: () => ({
meta: [
{ title: 'Configuration - Paseo Docs' },
{
name: 'description',
content: 'Configure Paseo via config.json, environment variables, and CLI overrides.',
},
],
meta: pageMeta(
'Configuration - Paseo Docs',
'Configure Paseo via config.json, environment variables, and CLI overrides.',
),
}),
component: Configuration,
})
packages/website/src/routes/docs/index.tsx
+5 -7
View File
@@ -1,14 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/docs/')({
head: () => ({
meta: [
{ title: 'Getting Started - Paseo Docs' },
{
name: 'description',
content: 'Learn how to set up and use Paseo to manage your coding agents from anywhere.',
},
],
meta: pageMeta(
'Getting Started - Paseo Docs',
'Learn how to set up and use Paseo to manage your coding agents from anywhere.',
),
}),
component: GettingStarted,
})
packages/website/src/routes/docs/security.tsx
+5 -8
View File
@@ -1,15 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/docs/security')({
head: () => ({
meta: [
{ title: 'Security - Paseo Docs' },
{
name: 'description',
content:
'Security model for Paseo: architecture overview, connection methods, relay encryption, and best practices.',
},
],
meta: pageMeta(
'Security - Paseo Docs',
'Security model for Paseo: architecture overview, connection methods, relay encryption, and best practices.',
),
}),
component: Security,
})
packages/website/src/routes/docs/updates.tsx
+5 -7
View File
@@ -1,14 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/docs/updates')({
head: () => ({
meta: [
{ title: 'Updates - Paseo Docs' },
{
name: 'description',
content: 'How to update Paseo daemon and apps across web, desktop, and mobile.',
},
],
meta: pageMeta(
'Updates - Paseo Docs',
'How to update Paseo daemon and apps across web, desktop, and mobile.',
),
}),
component: UpdatesDocs,
})
packages/website/src/routes/docs/voice.tsx
+5 -7
View File
@@ -1,14 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/docs/voice')({
head: () => ({
meta: [
{ title: 'Voice - Paseo Docs' },
{
name: 'description',
content: 'Paseo voice architecture, local-first model execution, and provider configuration.',
},
],
meta: pageMeta(
'Voice - Paseo Docs',
'Paseo voice architecture, local-first model execution, and provider configuration.',
),
}),
component: VoiceDocs,
})
packages/website/src/routes/docs/worktrees.tsx
+5 -7
View File
@@ -1,14 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/docs/worktrees')({
head: () => ({
meta: [
{ title: 'Git Worktrees - Paseo Docs' },
{
name: 'description',
content: 'Run agents in isolated git worktrees for parallel feature development.',
},
],
meta: pageMeta(
'Git Worktrees - Paseo Docs',
'Run agents in isolated git worktrees for parallel feature development.',
),
}),
component: Worktrees,
})
packages/website/src/routes/index.tsx
+5 -8
View File
@@ -1,16 +1,13 @@
import { createFileRoute } from '@tanstack/react-router'
import { LandingPage } from '~/components/landing-page'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/')({
head: () => ({
meta: [
{ title: 'Paseo – Run Claude Code, Codex, and OpenCode from everywhere' },
{
name: 'description',
content:
'A self-hosted daemon for Claude Code, Codex, and OpenCode. Agents run on your machine with your full dev environment. Connect from phone, desktop, or web.',
},
],
meta: pageMeta(
'Paseo – Run Claude Code, Codex, and OpenCode from everywhere',
'A self-hosted daemon for Claude Code, Codex, and OpenCode. Agents run on your machine with your full dev environment. Connect from phone, desktop, or web.',
),
}),
component: Home,
})
packages/website/src/routes/opencode.tsx
+5 -8
View File
@@ -1,16 +1,13 @@
import { createFileRoute } from '@tanstack/react-router'
import { LandingPage } from '~/components/landing-page'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/opencode')({
head: () => ({
meta: [
{ title: 'OpenCode Mobile App – Code from anywhere | Paseo' },
{
name: 'description',
content:
'Run OpenCode from your phone. Launch agents, watch them work, and ship code from wherever you are. Self-hosted, open source, your code stays local.',
},
],
meta: pageMeta(
'OpenCode Mobile App – Code from anywhere | Paseo',
'Run OpenCode from your phone. Launch agents, watch them work, and ship code from wherever you are. Self-hosted, open source, your code stays local.',
),
}),
component: OpenCodePage,
})
packages/website/src/routes/privacy.tsx
+5 -8
View File
@@ -1,15 +1,12 @@
import { createFileRoute } from '@tanstack/react-router'
import { pageMeta } from '~/meta'
export const Route = createFileRoute('/privacy')({
head: () => ({
meta: [
{ title: 'Privacy Policy - Paseo' },
{
name: 'description',
content:
'Privacy policy for Paseo - a self-hosted agent manager with no tracking or analytics.',
},
],
meta: pageMeta(
'Privacy Policy - Paseo',
'Privacy policy for Paseo - a self-hosted agent manager with no tracking or analytics.',
),
}),
component: Privacy,
})