隆重推出 Magic UI Pro - 50+ 模块和模板,助您在几分钟内构建精美着陆页。

文档
Next.js

Next.js

安装和配置 Next.js。

创建项目

运行 init 命令以创建新的 Next.js 项目或设置现有项目

配置 components.json

系统会向您询问几个问题以配置 components.json

Which style would you like to use? › New York
Which color would you like to use as base color? › Zinc
Do you want to use CSS variables for colors? › no / yes

就是这样了

您现在可以开始向项目添加组件了。

上述命令会将 Button 组件添加到您的项目中。然后您可以像这样导入它

import { Button } from "@/components/ui/button";
 
export default function Home() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  );
}