refactor to use global config.ts for names and links

Author: alexphelps

app/api/chat/route.ts

@@ -2,6 +2,7 @@ import { createOpenRouter } from '@openrouter/ai-sdk-provider';
 import { streamText, tool, type UIMessage } from 'ai';
 import { z } from 'zod';
 import { liteClient } from 'algoliasearch/lite';
+import { siteConfig } from '@/lib/config';
 
 const algolia = liteClient(
   process.env.NEXT_PUBLIC_ALGOLIA_APP_ID!,
@@ -72,7 +73,7 @@ const openrouter = createOpenRouter({
 });
 
 const systemPrompt = [
-  'You are a helpful technical assistant for Next Commerce developer documentation.',
+  `You are a helpful technical assistant for ${siteConfig.companyName} developer documentation.`,
   'Your job is to answer developer questions clearly and concisely based on the documentation provided in context.',
   'Base your answers on the documentation context below. Cite sources as markdown links using the document URL.',
   'When writing code examples, use the language shown in the documentation.',

app/docs/[[...slug]]/page.tsx

@@ -11,6 +11,7 @@ import { getMDXComponents } from '@/components/mdx';
 import { createRelativeLink } from 'fumadocs-ui/mdx';
 import { VersionSelector } from '@/components/version-selector';
 import { AutoExpandBody } from '@/components/auto-expand-body';
+import { siteConfig } from '@/lib/config';
 import type { Metadata } from 'next';
 
 export default async function Page(props: {
@@ -30,7 +31,7 @@ export default async function Page(props: {
           <ViewOptionsPopover
             className="flex items-center gap-2 rounded-lg p-2 border bg-fd-secondary/50 text-sm text-fd-secondary-foreground transition-colors hover:bg-fd-accent h-auto"
             markdownUrl={`/docs-raw/${(params.slug ?? []).join('/')}`}
-            githubUrl={`https://github.com/29next/developer-docs/blob/main/content/docs/${page.path}`}
+            githubUrl={`${siteConfig.githubContentUrl}/${page.path}`}
           />
           <VersionSelector />
         </div>

app/layout.tsx

@@ -2,14 +2,15 @@ import { RootProvider } from 'fumadocs-ui/provider/next';
 import { AlgoliaDialog } from '@/components/search';
 import { AISearch, AISearchPanel, AISearchTrigger } from '@/components/ai/search';
 import { MessageCircleIcon } from 'lucide-react';
+import { siteConfig } from '@/lib/config';
 import type { Metadata } from 'next';
 import type { ReactNode } from 'react';
 import './globals.css';
 
 export const metadata: Metadata = {
   title: {
-    template: '%s | Developers | Next Commerce',
-    default: 'Developers | Next Commerce',
+    template: `%s | Developers | ${siteConfig.companyName}`,
+    default: `Developers | ${siteConfig.companyName}`,
   },
 };
 

components/ai/search.tsx

@@ -232,9 +232,11 @@ function Input(props: ComponentProps<'textarea'>) {
   );
 }
 
+import { siteConfig } from '@/lib/config';
+
 const roleName: Record<string, string> = {
   user: 'you',
-  assistant: 'Next Commerce AI',
+  assistant: `${siteConfig.companyName} AI`,
 };
 
 function Message({ message, ...props }: { message: UIMessage } & ComponentProps<'div'>) {

lib/config.ts

@@ -0,0 +1,11 @@
+export const siteConfig = {
+  companyName: 'Next Commerce',
+  githubOrg: 'NextCommerceCo',
+  githubRepo: 'developer-docs',
+  get githubUrl() {
+    return `https://github.com/${this.githubOrg}/${this.githubRepo}`;
+  },
+  get githubContentUrl() {
+    return `${this.githubUrl}/blob/main/content/docs`;
+  },
+};

lib/layout.shared.tsx

@@ -1,16 +1,17 @@
 import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
 import Image from 'next/image';
+import { siteConfig } from '@/lib/config';
 
 export function baseOptions(): BaseLayoutProps {
   return {
     nav: {
       title: (
         <>
-          <Image src="/logo-light.png" alt="Next Commerce" width={105} height={21} className="dark:hidden" />
-          <Image src="/logo-dark.png" alt="Next Commerce" width={105} height={21} className="hidden dark:block" />
+          <Image src="/logo-light.png" alt={siteConfig.companyName} width={105} height={21} className="dark:hidden" />
+          <Image src="/logo-dark.png" alt={siteConfig.companyName} width={105} height={21} className="hidden dark:block" />
         </>
       ),
     },
-    githubUrl: 'https://github.com/NextCommerceCo/developer-docs',
+    githubUrl: siteConfig.githubUrl,
   };
 }

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.