导航搜索
搜索并跳转到页面
Loading dashboard...
只需几步即可运行并开发您的应用
确保您的开发环境满足以下要求:
下载项目并安装所需依赖包:
# 克隆项目
git clone https://github.com/your-repo/admin-template-luyu.git
# 进入目录
cd admin-template-luyu
# 安装依赖
pnpm install启动本地开发环境,实时预览修改:
pnpm dev应用将在 http://localhost:3000 运行
当您准备好部署应用时,可以构建生产版本:
pnpm build构建产物将生成在 .next 目录中
演示如何在 dashboard 下创建一个新的功能页面:
在 app/dashboard/(pages)/hello/page.tsx 创建文件:
export default function HelloPage() {
return (
<div className="p-6">
<h1 className="text-2xl font-bold">Hello, World!</h1>
<p className="mt-2 text-muted-foreground">
这是一个新的示例页面。
</p>
</div>
);
}浏览器访问 http://localhost:3000/dashboard/hello 即可看到新页面。
如果您希望新页面出现在侧边栏导航中,需要在 lib/nav-mock-data.ts 中添加配置:
// 在合适的导航组中添加
{
id: 1001,
label: "Hello",
link: "/dashboard/hello",
icon: "sparkles",
}开发时,建议遵循以下流程:
app/dashboard/ 目录下创建页面或组件pnpm dev 启动开发服务器,实时预览修改pnpm build 确保生产版本可以正常构建