自定义配置

export const theme = {
  // 选择预设：blue, green, purple, orange, rose, teal, zinc
  primary: presets.green,
 
  // 圆角大小：sm, md, lg, xl
  radius: "lg",
 
  // 启用深色模式切换
  enableDarkMode: true,
};

:root {
  --primary-light: oklch(0.5 0.2 250);
  --primary-dark: oklch(0.6 0.2 250);
}

export const siteConfig = {
  name: "Your SaaS",
  description: "Your SaaS description",
  url: process.env.NEXT_PUBLIC_APP_URL,
  links: {
    twitter: "https://twitter.com/yourhandle",
    github: "https://github.com/yourrepo",
  },
};

export const plans = {
  starter: {
    name: "Starter",
    price: { monthly: 9, yearly: 90 },
    stripePriceId: {
      monthly: "price_xxx",
      yearly: "price_yyy",
    },
    limits: {
      projects: 5,
      storage: "1GB",
    },
    features: [
      "5 projects",
      "1GB storage",
      "Email support",
    ],
  },
  // 添加更多计划...
};

export const locales = ["en", "zh", "es"] as const;
export const localeNames = {
  en: "English",
  zh: "中文",
  es: "Español",
};

{
  "common": {
    "signIn": "Iniciar sesión",
    "signUp": "Registrarse"
  }
}

import { useTranslations } from "next-intl";
 
function Component() {
  const t = useTranslations("common");
  return <button>{t("signIn")}</button>;
}

npx shadcn@latest add button
npx shadcn@latest add card
npx shadcn@latest add dialog

// src/components/shared/feature-card.tsx
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
interface FeatureCardProps {
  icon: React.ReactNode;
  title: string;
  description: string;
}
 
export function FeatureCard({ icon, title, description }: FeatureCardProps) {
  return (
    <Card>
      <CardHeader>
        <div className="mb-2 text-primary">{icon}</div>
        <CardTitle>{title}</CardTitle>
      </CardHeader>
      <CardContent>
        <p className="text-muted-foreground">{description}</p>
      </CardContent>
    </Card>
  );
}

export const products = pgTable("products", {
  id: text("id").primaryKey(),
  name: text("name").notNull(),
  price: integer("price").notNull(),
  createdAt: timestamp("created_at").defaultNow(),
});

pnpm db:push

// src/server/trpc/routers/product.ts
export const productRouter = createTRPCRouter({
  list: publicProcedure.query(({ ctx }) => {
    return ctx.db.select().from(products);
  }),
});