Janady13/llms-txt-hub / apps/web/app/docs/page.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/llms-txt-hub / apps/web/app/docs/page.tsx
Date	Not specified in source
Repository	Janady13/llms-txt-hub
Revision	e0f4bf978d4df168369c7601d9c5f5ea89e84377
Branch	main
Path or archive member	apps/web/app/docs/page.tsx
Original SHA-256	f6e67a13af1e6c4578f5354c965d087fd10373ab9d07563a30931af61fdb563f
Git blob SHA	51566cb4a5664ef94a85651b7f6b71346993877a
Reading-copy SHA-256	f6e67a13af1e6c4578f5354c965d087fd10373ab9d07563a30931af61fdb563f

Original source ↗

Recovered source transcript

Download complete source text ↓55 lines · 1.7 KB

import { Breadcrumb } from '@thedaviddias/design-system/breadcrumb'
import { getBaseUrl } from '@thedaviddias/utils/get-base-url'
import type { Metadata } from 'next'
import { notFound } from 'next/navigation'
import { MDXRemote } from 'next-mdx-remote/rsc'
import remarkGfm from 'remark-gfm'
import { components } from '@/components/mdx'
import { getDocBySlug } from '@/lib/content-loader'
import { getRoute } from '@/lib/routes'
import { generateBaseMetadata } from '@/lib/seo/seo-config'

export const metadata: Metadata = generateBaseMetadata({
  title: 'CLI Documentation - llmstxt-cli',
  description:
    'Learn how to use llmstxt-cli to install llms.txt skills into your AI coding agents. Getting started guide, command reference, and supported agents.',
  path: '/docs',
  keywords: [
    'llmstxt-cli',
    'llms.txt CLI',
    'AI agent skills',
    'CLI documentation',
    'llms.txt install',
    'developer tools'
  ]
})

export default async function DocsPage() {
  const doc = await getDocBySlug('getting-started')

  if (!doc) {
    notFound()
  }

  return (
    <article>
      <Breadcrumb items={[{ name: 'Docs', href: getRoute('docs.list') }]} baseUrl={getBaseUrl()} />
      <div className="space-y-2 mt-6 mb-8">
        <h1 className="text-4xl font-bold tracking-tight">{doc.title}</h1>
        <p className="text-lg text-muted-foreground">{doc.description}</p>
      </div>
      <div className="prose dark:prose-invert max-w-none">
        <MDXRemote
          source={doc.content || ''}
          components={components}
          options={{
            mdxOptions: {
              remarkPlugins: [remarkGfm]
            }
          }}
        />
      </div>
    </article>
  )
}