Official website of SCIST

---

• Next.js + Tailwind CSS + Shadcn

快速開始

1) 安裝依賴

npm install

2) 啟動開發環境

cd app
npm run dev

引用資料

• 主頁連結：/app/public/data/hero
• 課程內容：/app/public/data/activities
• 參與學校：/app/public/data/organizations
• 合作夥伴：/app/public/data/sponsors
• 聯絡資訊：/app/public/data/contact
• /branding：/app/public/data/branding 每個分類的資料夾都會有一個 data.json，有圖片的項目，圖片一律放在項目資料夾中，與 data.json 同層。

格式

主頁連結

[{ "title": "<連結標題>", "url": "<連結網址>" }]

課程內容

[
  {
    "title": "<課程標題>",
    "description": "<課程簡介>",
    "content": ["<內容>", "<內容>", "<內容>"],
    "goal": "<課程目標>",
    "image": "<課程圖片>"
  }
]

參與學校

[
  {
    "name": "<地區>",
    "clubs": [
      {
        "school": "<學校>",
        "image": "<社團logo>",
        "name": "<社團名稱>",
        "instagram": "<社團Instagram使用者名稱>"
      }
    ]
  }
]

備註：社團 Instagram 是使用者名稱，非 Instagram 個人檔案連結

合作夥伴

[
  {
    "title": "合作分類",
    "items": [
      { "name": "<單位名稱>", "image": "<單位logo>", "website": "<單位網站>" }
    ]
  }
]

備註：<單位網站> 可留空

聯絡資訊

[
  {
    "icon": "<圖標>",
    "label": "<標題>",
    "href": "<導向連結>",
    "ariaLabel": "<無障礙名稱>"
  }
]

備註：若圖示未顯示，請確認 contact.jsx 中是否正確匯入該圖示

/branding

[
  {
    "title": "Logo名稱",
    "preview": "縮圖位置",
    "downloads": [
      { "label": "下載按鈕名稱", "href": "檔案位置" },
      { "label": "下載按鈕名稱", "href": "檔案位置" }
    ],
    "dark": true
  }
]