windmill dashboard nextjs typescript下载windmill dashboard nextjs typescript源代码下载

windmill dashboard nextjs typescript

Ai源码

1.0.0

下载

风车仪表板Next.js打字稿

请参阅@estevanmaito的原始项目

在其他贡献者的帮助下：

@NeutralBoy的打字稿版本
@aldhanekaa的NextJS版本

看到它活着

这不是模板。这是一个完整的应用程序，建立在React之上，所有微小的细节都需要处理，因此您只需要带上数据即可。

可访问性是我项目的优先事项，我认为它也应该在您的项目中，因此，这是在聆听真实屏幕读取器，聚焦陷阱和键盘导航的开发中。

？特征

？可访问（使用屏幕读取器开发）
？启用了深色主题（甚至基于主题加载不同的图像）
？多个（自定义）组件
⚡代码拆分
尾风CSS
风车反应UI
英雄
图表

文档

一般组件

风车仪表板反应建立在风车上的UI上。您将找到那里每个小组件的文档。

示例样板

所有组件和容器都保存在文件夹示例中

路由

在file next.config.js中点击/或home时更改默认重定向

  async redirects ( ) {
    return [
      {
        source : '/' ,
        destination : '/example/login' ,
        permanent : false ,
      } ,
    ]
  }

侧边栏路线

要配置侧栏菜单，请参见文件（路由/sidebar.tsx）。

这些是侧边栏中显示的路线。他们期望三个属性：

path ：目的地；
name ：要显示的名称；
icon ：说明项目的图标

用作下拉列表的项目，例如页面选项，不需要path ，而是期望带有path和name的对象routes数组：

 // sidebar.js
{
  path : '/example/tables' ,
  icon : 'TablesIcon' ,
  name : 'Tables' ,
} ,
{
  icon : 'PagesIcon' , // <-- this is used as a submenu, so no path
  name : 'Pages' ,
  routes : [
    // submenu
    {
      path : '/example/login' ,
      name : 'Login' , // <-- these don't have icons
    } ,
    {
      path : '/example/create-account' ,
      name : 'Create account' ,
    } ,