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' ,
    } ,