refactor: 主题系统 → monorepo 五个独立网站
- packages/core: @aidir/core 底座库（src/pages 页面组件体 1:1 镜像路由树 / kit 站点外壳工厂 / content/blog / scripts） - sites/: 5 个独立 Next.js 网站（ai-stack / launchai / the-ai-ledger / devai-tools / findai） - 每站独立 package.json / next.config / tailwind / messages / .env / 构建 - src/app 约 56 个薄路由文件（re-export 底座页面 + 内联路由段配置 revalidate/dynamic） - src/site/brand.tsx 站点配置 + src/site/home.tsx 站点首页（createMarketingLayout / createHomePage 工厂） - generate-site.mjs: 站点生成器（新增网站 = SITES 加条目，零 Core 修改） - start-all-sites.sh: 一键启动 3001-3005 - next-config.mjs: 底座统一 Next 配置工厂（next-intl + MDX + standalone） - 五站共享同一套 PostgreSQL / Better Auth / Admin（设计文档 §42） - 验证: 5 站 build OK / typecheck OK / 55 路由冒烟 200 / 品牌-内容-截图 差异确认 / 登录-投票-重复检测 e2e PASS
This commit is contained in:
AI Directory Platform
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/analytics/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/analytics/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/categories/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/categories/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/claims/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/claims/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/discovery/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/discovery/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/reviews/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/reviews/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/submissions/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/submissions/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/tags/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/tags/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/tools/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/tools/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/admin/users/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/users/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(admin)/admin/votes/page.tsx 的薄路由
|
||||
export const revalidate = 0;
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/admin/votes/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(admin)/layout.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(admin)/layout";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(auth)/forgot-password/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(auth)/forgot-password/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(auth)/layout.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(auth)/layout";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(auth)/login/page.tsx 的薄路由
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(auth)/login/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(auth)/reset-password/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(auth)/reset-password/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(auth)/signup/page.tsx 的薄路由
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(auth)/signup/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(marketing)/ai-tools-for/[slug]/page.tsx 的薄路由
|
||||
export const revalidate = 3600;
|
||||
export { default, generateStaticParams, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/ai-tools-for/[slug]/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(marketing)/ai-tools-for/page.tsx 的薄路由
|
||||
export const revalidate = 3600;
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/ai-tools-for/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(marketing)/best/[slug]/page.tsx 的薄路由
|
||||
export const revalidate = 3600;
|
||||
export { default, generateStaticParams, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/best/[slug]/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(marketing)/best/page.tsx 的薄路由
|
||||
export const revalidate = 3600;
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/best/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(marketing)/blog/[slug]/page.tsx 的薄路由
|
||||
export { default, generateStaticParams, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/blog/[slug]/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(marketing)/blog/page.tsx 的薄路由
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/blog/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(marketing)/category/[slug]/page.tsx 的薄路由
|
||||
export const revalidate = 3600;
|
||||
export { default, generateStaticParams, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/category/[slug]/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(marketing)/contact/page.tsx 的薄路由
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/contact/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(marketing)/cookies/page.tsx 的薄路由
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/cookies/page";
|
||||
@@ -0,0 +1,4 @@
|
||||
import { createMarketingLayout } from "@aidir/core/kit/create-marketing-layout";
|
||||
import { siteConfig } from "@/site/brand";
|
||||
|
||||
export default createMarketingLayout(siteConfig);
|
||||
@@ -0,0 +1,9 @@
|
||||
import { createHomePage, createHomeMetadata } from "@aidir/core/kit/create-home";
|
||||
import { siteConfig } from "@/site/brand";
|
||||
import { SiteHome } from "@/site/home";
|
||||
|
||||
// 首页内容变化不频繁，ISR 每小时再生
|
||||
export const revalidate = 3600;
|
||||
|
||||
export const generateMetadata = createHomeMetadata(siteConfig);
|
||||
export default createHomePage(siteConfig, SiteHome);
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(marketing)/privacy/page.tsx 的薄路由
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/privacy/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(marketing)/rankings/page.tsx 的薄路由
|
||||
export const revalidate = 1800;
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/rankings/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(marketing)/submit/page.tsx 的薄路由
|
||||
export const revalidate = 3600;
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/submit/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(marketing)/terms/page.tsx 的薄路由
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/terms/page";
|
||||
@@ -0,0 +1,3 @@
|
||||
// 自动生成：[locale]/(marketing)/tools/[slug]/page.tsx 的薄路由
|
||||
export const revalidate = 3600;
|
||||
export { default, generateStaticParams, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/tools/[slug]/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(marketing)/tools/page.tsx 的薄路由
|
||||
export { default, generateMetadata } from "@aidir/core/pages/[locale]/(marketing)/tools/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(protected)/dashboard/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(protected)/dashboard/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(protected)/layout.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(protected)/layout";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/(protected)/profile/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/(protected)/profile/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/check-email/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/check-email/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/layout.tsx 的薄路由
|
||||
export { default, generateStaticParams } from "@aidir/core/pages/[locale]/layout";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：[locale]/verify-email/page.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/[locale]/verify-email/page";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/auth/[...all]/route.ts 的薄路由
|
||||
export { POST, GET } from "@aidir/core/pages/api/auth/[...all]/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/auth/forgot-password/route.ts 的薄路由
|
||||
export { POST } from "@aidir/core/pages/api/auth/forgot-password/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/auth/resend-verification/route.ts 的薄路由
|
||||
export { POST } from "@aidir/core/pages/api/auth/resend-verification/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/auth/reset-password/route.ts 的薄路由
|
||||
export { POST } from "@aidir/core/pages/api/auth/reset-password/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/auth/verify-email/route.ts 的薄路由
|
||||
export { GET } from "@aidir/core/pages/api/auth/verify-email/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/auth/verify-reset-token/route.ts 的薄路由
|
||||
export { GET } from "@aidir/core/pages/api/auth/verify-reset-token/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/newsletter/unsubscribe/route.ts 的薄路由
|
||||
export { GET } from "@aidir/core/pages/api/newsletter/unsubscribe/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/outbound/route.ts 的薄路由
|
||||
export { GET } from "@aidir/core/pages/api/outbound/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/search/route.ts 的薄路由
|
||||
export { GET } from "@aidir/core/pages/api/search/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/tools/[id]/vote/route.ts 的薄路由
|
||||
export { POST, DELETE } from "@aidir/core/pages/api/tools/[id]/vote/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/upload/image/route.ts 的薄路由
|
||||
export { POST } from "@aidir/core/pages/api/upload/image/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/upload/simple/route.ts 的薄路由
|
||||
export { POST } from "@aidir/core/pages/api/upload/simple/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/user/admin-status/route.ts 的薄路由
|
||||
export { GET } from "@aidir/core/pages/api/user/admin-status/route";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：api/user/profile/route.ts 的薄路由
|
||||
export { GET } from "@aidir/core/pages/api/user/profile/route";
|
||||
@@ -0,0 +1,3 @@
|
||||
import "@aidir/core/styles/globals.css";
|
||||
|
||||
export { default } from "@aidir/core/pages/app-layout";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：manifest.ts 的薄路由
|
||||
export { default } from "@aidir/core/pages/manifest";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：not-found.tsx 的薄路由
|
||||
export { default } from "@aidir/core/pages/not-found";
|
||||
@@ -0,0 +1,2 @@
|
||||
// 自动生成：sitemap.ts 的薄路由
|
||||
export { default } from "@aidir/core/pages/sitemap";
|
||||
@@ -0,0 +1,37 @@
|
||||
import { getRequestConfig } from "next-intl/server";
|
||||
import { notFound } from "next/navigation";
|
||||
import { locales, defaultLocale, type Locale } from "@aidir/core/i18n.config";
|
||||
|
||||
/** 站点品牌 SEO 文案覆盖（每个网站不同） */
|
||||
const brandMessages = {
|
||||
en: {
|
||||
seo: { home: {"title":"DevAI.tools — AI Tools for Developers","description":"Code assistants, DevOps automation and testing copilots — the AI tools developers actually upvote, ranked daily.","ogImage":"/og-image.png"} },
|
||||
hero: { title: "DevAI.tools — AI Tools for Developers", description: "Code assistants, DevOps automation and testing copilots — the AI tools developers actually upvote, ranked daily." },
|
||||
common: { brand: { name: "DevAI.tools", tagline: "AI tools for developers — curated, tested, ranked by the community." } },
|
||||
},
|
||||
zh: {
|
||||
seo: { home: {"title":"DevAI.tools — 开发者 AI 工具","description":"面向开发者的 AI 工具目录：代码助手、运维自动化、测试副驾驶，由社区每日排名。","ogImage":"/og-image.png"} },
|
||||
hero: { title: "DevAI.tools — 开发者 AI 工具", description: "面向开发者的 AI 工具目录：代码助手、运维自动化、测试副驾驶，由社区每日排名。" },
|
||||
common: { brand: { name: "DevAI.tools", tagline: "AI tools for developers — curated, tested, ranked by the community." } },
|
||||
},
|
||||
} as const;
|
||||
|
||||
export default getRequestConfig(async ({ requestLocale }) => {
|
||||
let locale = await requestLocale;
|
||||
if (!locale || !locales.includes(locale as Locale)) {
|
||||
locale = defaultLocale;
|
||||
}
|
||||
try {
|
||||
// 底座基础文案 + 站点品牌覆盖（浅合并到顶层命名空间）
|
||||
const base = (await import(`../../messages/${locale}.json`)).default;
|
||||
const override = brandMessages[locale as keyof typeof brandMessages];
|
||||
const messages = { ...base };
|
||||
for (const [ns, value] of Object.entries(override)) {
|
||||
messages[ns] = { ...(messages[ns] ?? {}), ...value };
|
||||
}
|
||||
return { locale, messages };
|
||||
} catch (error) {
|
||||
console.error("Error loading messages for locale:", locale, error);
|
||||
notFound();
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,10 @@
|
||||
import { proxy } from "@aidir/core/proxy";
|
||||
|
||||
export default proxy;
|
||||
|
||||
export const config = {
|
||||
matcher: [
|
||||
"/",
|
||||
"/((?!api|_next|_vercel|.*\\..*).*)"
|
||||
]
|
||||
};
|
||||
@@ -0,0 +1,95 @@
|
||||
import type { SiteConfig } from "@/kit/types";
|
||||
|
||||
// DevAI.tools —— 独立站点的全部品牌/导航/页脚配置
|
||||
export const siteConfig: SiteConfig = {
|
||||
"port": 3004,
|
||||
"brand": {
|
||||
"name": "DevAI.tools",
|
||||
"tagline": "AI tools for developers — curated, tested, ranked by the community.",
|
||||
"headline": "AI tools for developers",
|
||||
"subheadline": "Code assistants, DevOps automation, testing copilots and everything else you ship with."
|
||||
},
|
||||
"navItems": [
|
||||
{
|
||||
"label": "Tools",
|
||||
"href": "/tools"
|
||||
},
|
||||
{
|
||||
"label": "Workflows",
|
||||
"href": "/best"
|
||||
},
|
||||
{
|
||||
"label": "Use Cases",
|
||||
"href": "/ai-tools-for"
|
||||
},
|
||||
{
|
||||
"label": "Rankings",
|
||||
"href": "/rankings"
|
||||
},
|
||||
{
|
||||
"label": "Submit",
|
||||
"href": "/submit"
|
||||
}
|
||||
],
|
||||
"footerGroups": [
|
||||
{
|
||||
"title": "Directory",
|
||||
"links": [
|
||||
{
|
||||
"label": "All Tools",
|
||||
"href": "/tools"
|
||||
},
|
||||
{
|
||||
"label": "Rankings",
|
||||
"href": "/rankings"
|
||||
},
|
||||
{
|
||||
"label": "Use Cases",
|
||||
"href": "/ai-tools-for"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Build",
|
||||
"links": [
|
||||
{
|
||||
"label": "Workflows",
|
||||
"href": "/best"
|
||||
},
|
||||
{
|
||||
"label": "Submit a Tool",
|
||||
"href": "/submit"
|
||||
},
|
||||
{
|
||||
"label": "Blog",
|
||||
"href": "/blog"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Legal",
|
||||
"links": [
|
||||
{
|
||||
"label": "Terms",
|
||||
"href": "/terms"
|
||||
},
|
||||
{
|
||||
"label": "Privacy",
|
||||
"href": "/privacy"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"searchPlaceholder": "Search dev tools...",
|
||||
"seo": {
|
||||
"en": {
|
||||
"title": "DevAI.tools — AI Tools for Developers",
|
||||
"description": "Code assistants, DevOps automation and testing copilots — the AI tools developers actually upvote, ranked daily."
|
||||
},
|
||||
"zh": {
|
||||
"title": "DevAI.tools — 开发者 AI 工具",
|
||||
"description": "面向开发者的 AI 工具目录：代码助手、运维自动化、测试副驾驶，由社区每日排名。"
|
||||
}
|
||||
},
|
||||
"id": "devai-tools"
|
||||
};
|
||||
@@ -0,0 +1,192 @@
|
||||
// 自动生成：站点首页组件（源自底座 niche 形态，品牌来自 @/site/brand）
|
||||
import { siteConfig } from "@/site/brand";
|
||||
import { Code2, Terminal, Workflow, Layers } from "lucide-react";
|
||||
import { ToolCard } from "@/components/tool-card";
|
||||
import { LocaleLink } from "@/components/locale-link";
|
||||
import { SectionHeader } from "@/kit/section";
|
||||
import { getHomeDataSafe } from "@/kit/home-data";
|
||||
|
||||
/** Niche：垂直行业目录（AI for Developers） */
|
||||
|
||||
|
||||
const navItems = [
|
||||
{ label: "Tools", href: "/tools" },
|
||||
{ label: "Workflows", href: "/best" },
|
||||
{ label: "Use Cases", href: "/ai-tools-for" },
|
||||
{ label: "Rankings", href: "/rankings" },
|
||||
{ label: "Submit", href: "/submit" },
|
||||
];
|
||||
|
||||
const footerGroups = [
|
||||
{
|
||||
title: "Directory",
|
||||
links: [
|
||||
{ label: "All Tools", href: "/tools" },
|
||||
{ label: "Rankings", href: "/rankings" },
|
||||
{ label: "Use Cases", href: "/ai-tools-for" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Build",
|
||||
links: [
|
||||
{ label: "Workflows", href: "/best" },
|
||||
{ label: "Submit a Tool", href: "/submit" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
links: [
|
||||
{ label: "Terms", href: "/terms" },
|
||||
{ label: "Privacy", href: "/privacy" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
async function SiteHome({ locale }: { locale: string }) {
|
||||
const data = await getHomeDataSafe(6);
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-background">
|
||||
{/* Terminal 风格 Hero */}
|
||||
<section className="border-b border-border bg-[hsl(var(--secondary))]/40">
|
||||
<div className="mx-auto max-w-5xl px-4 py-14 sm:px-6 md:py-20">
|
||||
<div className="mx-auto max-w-2xl overflow-hidden rounded-xl border border-border bg-background shadow-sm">
|
||||
<div className="flex items-center gap-1.5 border-b border-border bg-secondary/50 px-4 py-2.5">
|
||||
<span className="h-2.5 w-2.5 rounded-full bg-red-400" />
|
||||
<span className="h-2.5 w-2.5 rounded-full bg-amber-400" />
|
||||
<span className="h-2.5 w-2.5 rounded-full bg-emerald-400" />
|
||||
<span className="ml-2 text-xs text-muted-foreground">devai — zsh</span>
|
||||
</div>
|
||||
<div className="space-y-1.5 p-5 font-mono text-sm">
|
||||
<p className="text-muted-foreground">
|
||||
<span className="text-emerald-600 dark:text-emerald-400">$</span>{" "}
|
||||
find-ai-tools --for developer
|
||||
</p>
|
||||
<p className="flex items-center gap-2 text-foreground">
|
||||
<Terminal className="h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" />
|
||||
{siteConfig.brand.headline}
|
||||
</p>
|
||||
<p className="text-xs leading-relaxed text-muted-foreground">
|
||||
{siteConfig.brand.subheadline}
|
||||
</p>
|
||||
<p className="pt-2">
|
||||
<LocaleLink
|
||||
href="/tools"
|
||||
className="inline-block rounded-md bg-primary px-4 py-1.5 font-sans text-xs font-semibold text-primary-foreground hover:opacity-90"
|
||||
>
|
||||
Browse tools
|
||||
</LocaleLink>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div className="mx-auto max-w-5xl space-y-12 px-4 py-12 sm:px-6">
|
||||
{/* Use Cases as workflows */}
|
||||
{data.useCases.length > 0 && (
|
||||
<section>
|
||||
<SectionHeader
|
||||
title="Ship faster with AI"
|
||||
subtitle="Pick your workflow — we ranked the tools for it"
|
||||
viewAllHref="/ai-tools-for"
|
||||
viewAllLabel="All use cases"
|
||||
/>
|
||||
<div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
|
||||
{data.useCases.slice(0, 6).map((uc) => (
|
||||
<LocaleLink
|
||||
key={uc.id}
|
||||
href={`/ai-tools-for/${uc.slug}`}
|
||||
className="group rounded-xl border border-border p-4 transition-all hover:border-primary/40 hover:bg-primary/5"
|
||||
>
|
||||
<div className="flex items-center justify-between">
|
||||
<Workflow className="h-4 w-4 text-primary" />
|
||||
<span className="text-xs text-muted-foreground tabular-nums">
|
||||
{uc.toolCount} tools
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="mt-2 text-sm font-semibold text-foreground group-hover:text-primary">
|
||||
{locale === "zh" && uc.nameZh ? uc.nameZh : uc.nameEn}
|
||||
</h3>
|
||||
</LocaleLink>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
|
||||
{/* Trending tools */}
|
||||
{data.trending.length > 0 && (
|
||||
<section>
|
||||
<SectionHeader
|
||||
title="Most upvoted this week"
|
||||
viewAllHref="/rankings?board=trending"
|
||||
/>
|
||||
<div className="grid gap-3 md:grid-cols-2">
|
||||
{data.trending.slice(0, 6).map((tool, i) => (
|
||||
<ToolCard
|
||||
key={tool.id}
|
||||
tool={tool}
|
||||
locale={locale}
|
||||
rank={i + 1}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
|
||||
{/* Workflows（collections） */}
|
||||
{data.collections.length > 0 && (
|
||||
<section>
|
||||
<SectionHeader
|
||||
title="Workflows & stacks"
|
||||
subtitle="Batteries-included tool stacks for common dev tasks"
|
||||
viewAllHref="/best"
|
||||
viewAllLabel="All workflows"
|
||||
/>
|
||||
<div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
|
||||
{data.collections.slice(0, 3).map((col) => (
|
||||
<LocaleLink
|
||||
key={col.id}
|
||||
href={`/best/${col.slug}`}
|
||||
className="group rounded-xl border border-border p-4 transition-all hover:border-primary/40"
|
||||
>
|
||||
<Layers className="h-4 w-4 text-primary" />
|
||||
<h3 className="mt-2 text-sm font-semibold text-foreground group-hover:text-primary">
|
||||
{locale === "zh" && col.nameZh ? col.nameZh : col.nameEn}
|
||||
</h3>
|
||||
<p className="mt-1 line-clamp-2 text-xs text-muted-foreground">
|
||||
{locale === "zh" && col.introZh ? col.introZh : col.introEn}
|
||||
</p>
|
||||
</LocaleLink>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
|
||||
{/* Categories */}
|
||||
{data.categories.length > 0 && (
|
||||
<section>
|
||||
<SectionHeader title="Browse by category" viewAllHref="/tools" />
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{data.categories.slice(0, 14).map((cat) => (
|
||||
<LocaleLink
|
||||
key={cat.id}
|
||||
href={`/category/${cat.slug}`}
|
||||
className="rounded-lg border border-border px-3 py-1.5 font-mono text-xs text-foreground transition-colors hover:border-primary/40 hover:bg-primary/5"
|
||||
>
|
||||
{locale === "zh" && cat.nameZh ? cat.nameZh : cat.nameEn}
|
||||
<span className="ml-1.5 text-muted-foreground">
|
||||
{cat.toolCount}
|
||||
</span>
|
||||
</LocaleLink>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export { SiteHome };
|
||||
Reference in New Issue
Block a user