iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

Awesome self hosted 30天 系列

近期在工作上用了幾個可以自己架設伺服器的開源服務,就想嘗試使用更多這類型的服務,剛好看到一個 GitHub 上的 Awesome self hosted 清單,就從中找出出幾個感興趣的來試試並記錄

參賽天數 12 天 | 共 12 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 團隊北投溫泉公園的蛞蝓觀察小隊
DAY 1

前言

這陣子工作上為了快速導入某些功能,開始不再自己造輪子而是利用一些開源服務,為了節省成本盡量都是找可以不用月費,能夠先自行架設後試用甚至正式使用的服務,也就是所謂...

2024-09-15 ‧ 由 Jasper 分享
DAY 2

服務挑選基準

看看 Awesome-Selfhosted 列出來的服務就有百多個,根據功能可能就有十數種選擇,該怎麼選用符合自己需求的服務呢?這邊列一下我個人的考量方式。...

2024-09-16 ‧ 由 Jasper 分享
DAY 3

身份驗證 - Keycloak

前面提到為了讓用戶能無痛使用各種服務,會需要一個共通的登入端口,所以首先要挑選一個負責使用者身份驗證跟權限管理的服務。 這一塊沒有直接列在 awesome-se...

2024-09-17 ‧ 由 Jasper 分享
DAY 4

Keycloak 與 NextJs 登入

接者來快速做一個應用來串接 Keycloak 的登入試試,這邊用的是基於 Nextjs 的 T3 。 pnpm create t3-app@latest 在建...

2024-09-18 ‧ 由 Jasper 分享
DAY 5

同步登出 NextJs 跟 Keycloak

目前在 Next App 中點擊登出後,在嘗試重新登入的時候會發現不會再次跳出先前的 Keycloak 登入畫面,這是因為當 Next 這邊登出時只是清理掉 N...

2024-09-19 ‧ 由 Jasper 分享
DAY 6

自訂登入頁面樣式,使用 Keycloakify

目前的登入頁面是跳轉到 Keycloak 預設的登入頁,所以會出現樣式跟 NextJs App 不一致的情形,keycloak 本身是有自訂樣式的功能,但與 R...

2024-09-20 ‧ 由 Jasper 分享
DAY 7

套用 Keycloakify 樣式到 Keycloak

需要用到 Maven 好將程式碼打包成 .jar 檔案。 安裝 Maven ,以 macOS 為例 brew install maven 可以先改一下 pac...

2024-09-21 ‧ 由 Jasper 分享
DAY 8

CMS - Directus

身份驗證的部分先告一段落,接著來找找下一個部件: Content Management Systems (CMS) 所要使用的服務。 Awesome-selfh...

2024-09-22 ‧ 由 Jasper 分享
DAY 9

Directus 基本操作

Directus 的資料結構分為 Collection, Field, Item 幾種,接下來逐一操作建立這些資料的步驟。 首先要點選新建代表一組資料的 Col...

2024-09-23 ‧ 由 Jasper 分享
DAY 10

Directus Javascript SDK

Directus 有提供 javascript 工具方便整合,先在先前的 NextJS 專案中安裝 yarn add @directus/sdk 開一個新頁面...

2024-09-24 ‧ 由 Jasper 分享