隆重推出 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>
  );
}