一、影片教學補充

二、源碼修改參考

  1. 更改/admin 顯示語言,到源碼的app/admin/page.tsxapp/admin/comments/page.tsxapp/admin/Sidebar.tsxsanity/schemas/blockContent.tssanity/schemas/category.tssanity/schemas/post.tssanity/schemas/project.tssanity/schemas/settings.tsapp/(main)/Newsletter.tsxapp/api/newsletter/route.tsapp/(main)/Header.tsxconfig/nav.ts...修改
  2. next.config.mjs更改社交連結
  3. app/(main)/ama/page.tsx更改主頁選單的AMA咨詢內容(todo)
  4. app/(main)/Footer.tsx更改顯示語言

三、原教程文檔部署參考

  1. 先將 GitHub repo fork到自己的GitHub帳號裡。
    fork
  2. 點擊右下角 Create fork
    repo
  3. 將剛剛的fork到自己帳號的repo的URL複製下來備用。
    copy
  4. 下載並安裝 git ,可參考 git安裝教程
  5. 將它藉由git clone的方式複製到電腦本地資料夾中。(要使用Shift+Insert貼上URL)(git的複製及貼上的快捷鍵為Ctrl/Shift+Insert)
    git 輸入git clone URL
    clone
  6. 安裝pnpm。(可參考pnpm官網安裝或以下方式,若已安裝完畢可直接進入第10步驟)
  7. 進去官網安裝 Node.js ,可安裝18.18.2版本(推薦大多數用戶使用)
    node
  8. 點擊Window+R鍵,輸入cmd,按下確定,進去新視窗。
  9. 依照下圖輸入命令,並安裝pnpm(每次輸入完畢要按Enter執行命令)。
    輸入node -v確認Node.js是否安裝成功;輸入npm -v確認npm是否安裝成功;輸入npm install -g pnpm安裝pnpm;輸入pnpm -v確認pnpm是否安裝成功。
    cmd
  10. cd到本地目錄 cd C:\workSpace\GitLoadWareHouse\cali.so(可參考第5步驟的附圖之路徑),安裝 node_modules 依賴庫 pnpm i
    pnpm
  11. Sanity內容管理,參考 左側目錄
    補充:複製完Project ID後,依照下圖路徑打開.env和.env.example兩個檔案。(可使用Notepad3或別的編輯器開啟,若需下載Notepad3可參考 Notepad3下載
    env
    example
    open
    .env.example為參考檔,在此檔填完數值需再複製到.env內
  12. Clerk用戶鑒權,參考 左側目錄
  13. PlanetScale 數據庫,參考 左側目錄 。此配置須綁卡,也可換成別的不須綁卡的配置,可參考 NeonTurso
  14. 若使用Neon,可找到Prisma,複製 DATABASE_URL
    prisma
  15. 找到Node.js,複製DATABASE_HOSTDATABASE_PASSWORDDATABASE_USERNAME
    host