✨ add translations to web app

.changeset/add-sitemap-options.md

@@ -0,0 +1,10 @@
+---
+"@onruntime/next-sitemap": minor
+---
+
+Add new configuration options for sitemap generation:
+
+- `exclude`: Filter out routes using glob patterns or a function
+- `priority`: Automatic depth-based priority calculation (or custom function)
+- `changeFreq`: Set change frequency per route
+- `additionalSitemaps`: Include custom sitemaps in the sitemap index

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.2/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "master",
+  "updateInternalDependencies": "patch",
+  "ignore": ["@onruntime/web"]
+}

CLAUDE.md

@@ -30,12 +30,13 @@ pnpm --filter @onruntime/web build
 
 ### Web App Structure (`apps/web/src/`)
 
-- **app/**: Next.js App Router pages and API routes
+- **app/**: Next.js App Router pages and API routes (under `[locale]/`)
 - **components/**: React components (ui/, layout/, marketing/)
 - **services/**: External API clients with lazy initialization
 - **constants/**: Static data (projects, agencies, services, team members)
 - **content/**: MDX content (glossary, legal pages)
 - **lib/**: Utilities and helpers
+- **locales/**: Translation files (see `locales/README.md` for conventions)
 - **types/**: TypeScript type definitions
 
 ### Key Patterns
@@ -63,6 +64,17 @@ export const joinClient = {
 
 **API Routes**: Use `unstable_cache` from Next.js for caching external API responses.
 
+**Translations**: Uses `@onruntime/translations` package. See `apps/web/src/locales/README.md` for full conventions.
+```typescript
+// Server Components
+import { getTranslation } from "@/lib/translations.server";
+const { t } = await getTranslation("layout/footer");
+
+// Client Components
+import { useTranslation } from "@onruntime/translations/react";
+const { t } = useTranslation("layout/footer");
+```
+
 ## Environment Variables
 
 Required for runtime (optional for build):

apps/web/env.ts

@@ -9,11 +9,10 @@ export const env = createEnv({
     RESEND_API_KEY: z.string().optional(),
   },
   client: {
-    NEXT_PUBLIC_APP_URL: z.string().optional(),
+    NEXT_PUBLIC_APP_URL: z.string().optional().default("https://onruntime.com"),
   },
   runtimeEnv: {
-    NEXT_PUBLIC_APP_URL:
-      process.env.NEXT_PUBLIC_APP_URL || "https://onruntime.com",
+    NEXT_PUBLIC_APP_URL: process.env.NEXT_PUBLIC_APP_URL,
     NODE_ENV: process.env.NODE_ENV,
     PORT: process.env.PORT,
     JOIN_API_KEY: process.env.JOIN_API_KEY,

apps/web/next.config.ts

@@ -16,6 +16,14 @@ const nextConfig: NextConfig = {
     });
     return config;
   },
+  async rewrites() {
+    return [
+      {
+        source: "/sitemap-:id.xml",
+        destination: "/sitemap.xml/:id",
+      },
+    ];
+  },
   async redirects() {
     return [
       {

apps/web/package.json

@@ -5,7 +5,6 @@
   "scripts": {
     "dev": "next dev --turbopack",
     "build": "next build",
-    "postbuild": "next-sitemap",
     "start": "next start",
     "type-check": "tsc --noEmit"
   },
@@ -15,8 +14,11 @@
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@next/mdx": "^16.1.1",
+    "@onruntime/next-sitemap": "workspace:*",
+    "@onruntime/translations": "workspace:*",
     "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-navigation-menu": "^1.2.3",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.2",
@@ -35,13 +37,13 @@
     "next-mdx-remote": "^5.0.0",
     "next-mdx-remote-client": "^2.1.1",
     "next-seo": "^6.6.0",
-    "next-sitemap": "^4.2.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
     "react-wrap-balancer": "^1.1.1",
     "reflect-metadata": "^0.2.2",
     "resend": "^4.1.2",
+    "server-only": "^0.0.1",
     "tailwind-merge": "^3.0.0",
     "tailwindcss-animate": "^1.0.7",
     "usehooks-ts": "^3.1.1",

apps/web/src/app/[locale]/(landing)/customer/page.ts

@@ -0,0 +1,13 @@
+import { constructMetadata } from "@/lib/utils/metadata.server";
+import { getTranslation } from "@/lib/translations.server";
+import CustomerLanding from "@/screens/marketing/landing/customer";
+
+export async function generateMetadata() {
+  const { t } = await getTranslation("app/landing/customer/page");
+  return constructMetadata({
+    title: t("metadata.title"),
+    description: t("metadata.description"),
+  });
+}
+
+export default CustomerLanding;

apps/web/src/app/[locale]/(landing)/page.ts

@@ -0,0 +1,13 @@
+import { constructMetadata } from "@/lib/utils/metadata.server";
+import { getTranslation } from "@/lib/translations.server";
+import VisitorLanding from "@/screens/marketing/landing/visitor";
+
+export async function generateMetadata() {
+  const { t } = await getTranslation("app/landing/page");
+  return constructMetadata({
+    title: t("metadata.title"),
+    description: t("metadata.description"),
+  });
+}
+
+export default VisitorLanding;

apps/web/src/app/(legal)/company/page.tsx → apps/web/src/app/[locale]/(legal)/company/page.tsx

@@ -1,20 +1,26 @@
 import LegalPage from "@/components/marketing/legal/page"
 import { getPageContent } from "@/lib/mdx"
-import { constructMetadata } from "@/lib/utils/metadata"
+import { constructMetadata } from "@/lib/utils/metadata.server"
 import type { Metadata } from "next"
 
 const contentPath = "legal/company"
 
-export async function generateMetadata(): Promise<Metadata> {
-  const { frontmatter } = await getPageContent(contentPath)
+type PageProps = {
+  params: Promise<{ locale: string }>
+}
+
+export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+  const { locale } = await params
+  const { frontmatter } = await getPageContent(contentPath, locale)
   return constructMetadata({
     title: `${frontmatter.title}`,
     description: frontmatter.description,
   })
 }
 
-const CompanyPage = async () => {
-  const { frontmatter, content } = await getPageContent(contentPath)
+const CompanyPage = async ({ params }: PageProps) => {
+  const { locale } = await params
+  const { frontmatter, content } = await getPageContent(contentPath, locale)
 
   return <LegalPage title={frontmatter.title} description={frontmatter.description} content={content} lastUpdated={frontmatter.lastUpdated} />
 }

apps/web/src/app/(legal)/privacy/page.tsx → apps/web/src/app/[locale]/(legal)/privacy/page.tsx

@@ -1,22 +1,28 @@
 import LegalPage from "@/components/marketing/legal/page"
 import { getPageContent } from "@/lib/mdx"
-import { constructMetadata } from "@/lib/utils/metadata"
+import { constructMetadata } from "@/lib/utils/metadata.server"
 import type { Metadata } from "next"
 
 const contentPath = "legal/privacy"
 
-export async function generateMetadata(): Promise<Metadata> {
-  const { frontmatter } = await getPageContent(contentPath)
+type PageProps = {
+  params: Promise<{ locale: string }>
+}
+
+export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+  const { locale } = await params
+  const { frontmatter } = await getPageContent(contentPath, locale)
   return constructMetadata({
     title: `${frontmatter.title}`,
     description: frontmatter.description,
   })
 }
 
-const PrivacyPage = async () => {
-  const { frontmatter, content } = await getPageContent(contentPath)
+const PrivacyPage = async ({ params }: PageProps) => {
+  const { locale } = await params
+  const { frontmatter, content } = await getPageContent(contentPath, locale)
 
   return <LegalPage title={frontmatter.title} description={frontmatter.description} content={content} lastUpdated={frontmatter.lastUpdated} />
 }
 
-export default PrivacyPage
+export default PrivacyPage

apps/web/src/app/(legal)/terms/page.tsx → apps/web/src/app/[locale]/(legal)/terms/page.tsx

@@ -1,22 +1,28 @@
 import LegalPage from "@/components/marketing/legal/page"
 import { getPageContent } from "@/lib/mdx"
-import { constructMetadata } from "@/lib/utils/metadata"
+import { constructMetadata } from "@/lib/utils/metadata.server"
 import type { Metadata } from "next"
 
 const contentPath = "legal/terms"
 
-export async function generateMetadata(): Promise<Metadata> {
-  const { frontmatter } = await getPageContent(contentPath)
+type PageProps = {
+  params: Promise<{ locale: string }>
+}
+
+export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+  const { locale } = await params
+  const { frontmatter } = await getPageContent(contentPath, locale)
   return constructMetadata({
     title: `${frontmatter.title}`,
     description: frontmatter.description,
   })
 }
 
-const TermsPage = async () => {
-  const { frontmatter, content } = await getPageContent(contentPath)
+const TermsPage = async ({ params }: PageProps) => {
+  const { locale } = await params
+  const { frontmatter, content } = await getPageContent(contentPath, locale)
 
   return <LegalPage title={frontmatter.title} description={frontmatter.description} content={content} lastUpdated={frontmatter.lastUpdated} />
 }
 
-export default TermsPage
+export default TermsPage