feat: Add home layout and page components with initial content

- Implemented a new layout for the home page using HomeLayout from fumadocs-ui.
- Created a home page with a gradient background, sections for features, stats, use cases, and a call to action.
- Added links to documentation and GitHub repository.
- Introduced a new API route for search functionality using createFromSource.
- Added routes for LLM text retrieval and documentation in Markdown format.
- Implemented Open Graph image generation for documentation pages.
- Created a copy button component for Markdown content with GitHub and Scira AI integration.
- Added initial documentation content with example cards.
- Introduced utility functions for class name merging and shared layout options.
- Configured PostCSS for Tailwind CSS integration.

Author: hotlong

apps/site/.gitignore

@@ -1,32 +1,26 @@
-# Dependencies
+# deps
 /node_modules
 
-# Next.js
+# generated content
+.source
+
+# test & build
+/coverage
 /.next/
 /out/
-
-# Production
 /build
+*.tsbuildinfo
 
-# Misc
+# misc
 .DS_Store
 *.pem
-
-# Debug
+/.pnp
+.pnp.js
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-# Local env files
+# others
 .env*.local
-
-# Vercel
 .vercel
-
-# TypeScript
-*.tsbuildinfo
-next-env.d.ts
-
-# Fumadocs
-.map.ts
-.source
+next-env.d.ts

apps/site/README.md

@@ -1,71 +1,45 @@
-# Object UI Documentation Site (Fumadocs Migration - In Progress)
+# my-app
 
-This is the official documentation site for Object UI, being migrated to [Fumadocs](https://fumadocs.vercel.app/).
+This is a Next.js application generated with
+[Create Fumadocs](https://github.com/fuma-nama/fumadocs).
 
-## Status
-
-🚧 **Work in Progress** - The site structure is complete but there are issues with the fumadocs source API integration that need to be resolved.
-
-### Completed
-- ✅ Next.js 15 + TypeScript setup
-- ✅ Tailwind CSS configuration  
-- ✅ Fumadocs UI integration
-- ✅ MDX content processing
-- ✅ Basic documentation pages created
-- ✅ Homepage and layout structure
-
-### Known Issues
-- ⚠️ Route generation not working - investigating fumadocs 15.x API changes
-- The `.source` output from fumadocs-mdx needs proper integration with loader
-- `createMDXSource` API compatibility issue with runtime-processed docs/meta
-
-## Development
+Run development server:
 
 ```bash
-# Install dependencies
-pnpm install
-
-# Start development server (NOTE: routes currently return 404)
+npm run dev
+# or
 pnpm dev
-
-# Build for production
-pnpm build
+# or
+yarn dev
 ```
 
-## Project Structure
+Open http://localhost:3000 with your browser to see the result.
 
-```
-apps/site/
-├── app/                  # Next.js app directory
-│   ├── docs/            # Documentation pages
-│   ├── layout.tsx       # Root layout
-│   └── page.tsx         # Homepage
-├── content/             # MDX documentation content
-│   └── docs/            # Documentation markdown files
-├── lib/                 # Library code
-│   └── source.ts        # Fumadocs source configuration
-├── public/              # Static assets
-├── next.config.mjs      # Next.js configuration
-├── tailwind.config.ts   # Tailwind CSS configuration
-└── source.config.ts     # Fumadocs MDX configuration
-```
+## Explore
+
+In the project, you can see:
+
+- `lib/source.ts`: Code for content source adapter, [`loader()`](https://fumadocs.dev/docs/headless/source-api) provides the interface to access your content.
+- `lib/layout.shared.tsx`: Shared options for layouts, optional but preferred to keep.
 
-## Technical Notes
+| Route                     | Description                                            |
+| ------------------------- | ------------------------------------------------------ |
+| `app/(home)`              | The route group for your landing page and other pages. |
+| `app/docs`                | The documentation layout and pages.                    |
+| `app/api/search/route.ts` | The Route Handler for search.                          |
 
-The fumadocs-mdx compiler generates a `.source` directory with processed docs and meta exports. These are wrapped by `_runtime.doc()` and `_runtime.meta()` functions. The correct integration with fumadocs-core's `loader` and `createMDXSource` needs investigation based on fumadocs 15.x API.
+### Fumadocs MDX
 
-## Next Steps
+A `source.config.ts` config file has been included, you can customise different options like frontmatter schema.
 
-1. Investigate correct fumadocs 15.x API for integrating `.source` exports
-2. Fix route generation to resolve 404 errors
-3. Add search functionality
-4. Migrate remaining documentation content
-5. Set up deployment
+Read the [Introduction](https://fumadocs.dev/docs/mdx) for further details.
 
-## Tech Stack
+## Learn More
 
-- [Next.js 15](https://nextjs.org/) - React framework
-- [Fumadocs](https://fumadocs.vercel.app/) - Documentation framework
-- [Tailwind CSS](https://tailwindcss.com/) - Styling
-- [TypeScript](https://www.typescriptlang.org/) - Type safety
+To learn more about Next.js and Fumadocs, take a look at the following
+resources:
 
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
+  features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+- [Fumadocs](https://fumadocs.dev) - learn about Fumadocs

apps/site/app/(home)/layout.tsx

@@ -0,0 +1,6 @@
+import { HomeLayout } from 'fumadocs-ui/layouts/home';
+import { baseOptions } from '@/lib/layout.shared';
+
+export default function Layout({ children }: LayoutProps<'/'>) {
+  return <HomeLayout {...baseOptions()}>{children}</HomeLayout>;
+}

apps/site/app/page.tsx apps/site/app/(home)/page.tsxapps/site/app/page.tsx renamed to apps/site/app/(home)/page.tsx

@@ -1,39 +1,9 @@
 import Link from 'next/link';
-import { HomeLayout } from 'fumadocs-ui/layouts/home';
-import { Logo } from './components/Logo';
+
 
 export default function HomePage() {
   return (
-    <HomeLayout
-      nav={{
-        title: <Logo />,
-        url: '/',
-      }}
-      githubUrl="https://github.com/objectstack-ai/objectui"
-      links={[
-        {
-          text: 'Guide',
-          url: '/docs/guide',
-          active: 'nested-url',
-        },
-        {
-          text: 'Components',
-          url: '/docs/components',
-          active: 'nested-url',
-        },
-        {
-          text: 'Ecosystem',
-          url: '/docs/ecosystem',
-          active: 'nested-url',
-        },
-        {
-          text: 'Blog',
-          url: '/blog',
-          active: 'nested-url',
-        },
-      ]}
-    >
-      {/* Hero Section */}
+    <>
       <section className="relative overflow-hidden bg-gradient-to-br from-fd-background via-fd-background to-fd-muted/20 px-6 py-24 sm:py-32 lg:px-8">
         <div className="relative mx-auto max-w-7xl">
           <div className="mx-auto max-w-3xl text-center">
@@ -328,6 +298,6 @@ export default function HomePage() {
           </p>
         </div>
       </footer>
-    </HomeLayout>
-  );
+    </>
+  )
 }

apps/site/app/api/search/route.ts

@@ -0,0 +1,7 @@
+import { source } from '@/lib/source';
+import { createFromSource } from 'fumadocs-core/search/server';
+
+export const { GET } = createFromSource(source, {
+  // https://docs.orama.com/docs/orama-js/supported-languages
+  language: 'english',
+});