我構建過比我想承認的還多的 LMS 平台。有些基於 LifterLMS,有些基於 LearnDash,還有幾個基於客製化 Rails 應用,這些應用可能至今仍然困擾著它們的維護者。而我一直回到這一點:傳統的 WordPress LMS 外掛模式——其中一個單體處理課程、會員、支付、測驗、證書和電郵——從根本上與我們在 2026 年如何構建優秀軟體的方式相悖。

LifterLMS 並不差。實際上,如果你想從一開始就內建會員功能,它相當強大。但一旦你花費幾年時間處理外掛衝突、課程目錄頁面上的效能瓶頸,以及 PHP 呈現前端的創意限制,你開始想知道:如果我們就是……不這樣做呢?

本文介紹了一個現代 LMS 堆棧架構,用可組合的無頭方案取代 LifterLMS(或任何單體 LMS 外掛)。我將涵蓋真實工具、真實權衡,以及當你構建需要長期存在的東西時重要的架構決策。

目錄

LifterLMS 替代方案:在 2026 年構建現代 LMS 堆棧

為什麼 LifterLMS 會遇到瓶頸

LifterLMS 做了很多事情都做得很好。免費核心真的很有用——你可以不花任何錢就推出課程。內建會員等級意味著較少的外掛依賴。而且對於 WordPress 外掛來說,管理員工作流程是穩定和可預測的。

但讓我們談談它在哪裡出現故障。

負載下的效能

每次頁面加載都會多次命中數據庫。有 50+ 課程的課程目錄頁面、註冊檢查、會員等級驗證、動態定價——全部通過 PHP 伺服器端呈現。我見過 LifterLMS 網站,即使啟用了對象快取,課程檔案也需要 3-4 秒才能呈現。頁面快取對於未登錄用戶有幫助,但你的實際學生——登錄的那些——獲得完整的未快取體驗。

附加成本螺旋

LifterLMS 的「免費開始」模式變得很快就昂貴了。需要 Stripe 支付?那是一個附加功能。高級測驗?附加功能。任務?附加功能。群組?附加功能。當你有了一個生產就緒的 LMS 時,你看著 $300-$500/年的附加組合,這使你處於與 LearnDash 甚至一些 SaaS 平台(如 TalentLMS,2026 年起價 $89/月)相同的價格範圍。

前端限制

這對我來說是最大的。你的學習體驗受到 WordPress 主題和你能堆積多少 CSS 覆蓋的限制。想要一個基於 React 的互動課程?你在與系統對抗。想要嵌入代碼遊樂場、協作白板或帶有 WebSocket 更新的實時測驗?在 WordPress 範本中乾淨地做這件事祝你好運。

外掛依賴網

儘管 LifterLMS 構建了比 LearnDash 更多的內容,你仍然會最終得到一堆外掛:表單外掛、SEO 外掛、快取外掛、也許 WooCommerce 用於實體產品、頁面構建器。每個都是一個潛在的衝突點、安全表面和維護負擔。

現代 LMS 堆棧實際上是什麼樣的

核心想法是分解。與其用一個外掛做所有事情,不如為每個關注點選擇最優的工具,並通過 API 連接它們。這是改變了電子商務(無頭 Shopify、Saleor、Medusa)和內容發佈(無頭 CMS + 靜態前端)的同一模式。

以下是高級架構:

┌─────────────────────────────────────────────┐
│           前端 (Next.js / Astro)             │
│    課程頁面、課程、測驗、儀表板              │
└──────────────┬──────────────────────────────┘
               │ API 呼叫
    ┌──────────┼──────────────┐
    │          │              │
┌───▼───┐ ┌───▼────┐  ┌──────▼──────┐
│無頭   │ │認證     │  │ 進度        │
│CMS    │ │服務    │  │ 追蹤數據庫  │
│(Sanity/│ │(Clerk/ │  │(Supabase/   │
│Strapi) │ │Auth0)  │  │PlanetScale) │
└────────┘ └────────┘  └─────────────┘
    │                        │
┌───▼────────────────────────▼───┐
│     支付層                      │
│  (Stripe / Lemon Squeezy)      │
└────────────────────────────────┘

每個片段都是獨立可擴展、可替換和可測試的。讓我們逐一分解每個層。

內容層:用於課程內容的無頭 CMS

你的課程內容——課程、模塊、視頻嵌入、可下載資源、講師傳記——存放在無頭 CMS 中。這是最大的架構勝利,因為它將內容管理與內容交付分開。

為什麼不直接使用 Markdown 文件?

你可以,對於構建內部訓練平台的僅限開發者的團隊,Git 倉庫中的 MDX 文件可能是完美的。但一旦你有非技術講師創建內容,你需要一個適當的編輯介面。

2026 年的頂級選擇

Sanity 是我進行複雜內容模型的首選。你可以定義包含模塊、課程、測驗和先決條件的課程架構作為結構化數據。實時協作編輯功能很出色,Portable Text 提供豐富內容而沒有 HTML blob 問題。免費層每月處理多達 100K API 請求,涵蓋大多數小到中型 LMS 部署。

Strapi(v5,於 2025 年發布)是最強的開源選項。在 $20/月虛擬專用伺服器上自我託管,你對內容 API 有完全控制。內容類型構建器使你能夠以視覺方式對課程、課程和評估進行建模,講師實際上很享受。

Payload CMS 值得一提——它是 TypeScript 原生的、自我託管的,並內建了出色的存取控制。如果你的團隊已經深入 TypeScript 生態系統,Payload 就像一副手套一樣合身。

我們已經通過我們的 無頭 CMS 開發實踐 為教育客戶構建了多個無頭 CMS 實現,內容建模階段是發生大部分重要決策的地方。

// 示例:課程課程的 Sanity 架構
export default {
  name: 'lesson',
  title: '課程',
  type: 'document',
  fields: [
    { name: 'title', type: 'string', validation: Rule => Rule.required() },
    { name: 'slug', type: 'slug', options: { source: 'title' } },
    { name: 'module', type: 'reference', to: [{ type: 'module' }] },
    { name: 'order', type: 'number' },
    { name: 'content', type: 'array', of: [{ type: 'block' }, { type: 'code' }, { type: 'videoEmbed' }] },
    { name: 'duration', type: 'number', description: '估計分鐘數' },
    { name: 'isFree', type: 'boolean', initialValue: false },
    { name: 'prerequisites', type: 'array', of: [{ type: 'reference', to: [{ type: 'lesson' }] }] },
  ],
}

LifterLMS 替代方案:在 2026 年構建現代 LMS 堆棧 - 架構

前端:Next.js 或 Astro 用於學習體驗

這是你的學生實際花費時間的地方,所以它需要快速、易於訪問,並且足夠靈活以處理各種內容類型。

Next.js:全棧選擇

Next.js(App Router、RSC)是當你的 LMS 需要伺服器端邏輯時的自然選擇:註冊檢查、進度保存、測驗提交、證書生成。Server Components 允許你在不將 JavaScript 傳送到客戶端的情況下獲取課程數據。Server Actions 處理表單提交(測驗答案、檔案更新),無需構建單獨的 API。

我們在 Social Animal 做了大量 Next.js 開發,特別是對於 LMS 項目,ISR(增量靜態再生成)用於課程目錄頁面和動態呈現用於學生儀表板的組合給你提供了兩全其美。

Astro:內容繁重的選擇

如果你的 LMS 主要是內容交付——想想文檔式課程、書面教程、沒有大量互動的視頻課程——Astro 大大減少 JavaScript 的傳輸。一個 95% 是靜態內容、只有一個互動測驗組件的課程頁面?Astro 的島嶼架構完美處理。

---
// src/pages/courses/[slug]/lessons/[lesson].astro
import { sanityClient } from '../../../lib/sanity';
import LessonLayout from '../../../layouts/LessonLayout.astro';
import QuizWidget from '../../../components/QuizWidget'; // React 島嶼
import ProgressTracker from '../../../components/ProgressTracker'; // React 島嶼

const { slug, lesson } = Astro.params;
const lessonData = await sanityClient.fetch(
  `*[_type == "lesson" && slug.current == $lesson][0]{...}`,
  { lesson }
);
---
<LessonLayout title={lessonData.title}>
  <article class="lesson-content">
    <PortableText value={lessonData.content} />
  </article>
  
  {lessonData.quiz && (
    <QuizWidget client:visible quizId={lessonData.quiz._ref} />
  )}
  
  <ProgressTracker client:idle lessonId={lessonData._id} />
</LessonLayout>

client:visible 指令意味著測驗組件只在學生滾動到它時才進行水化。零 JavaScript 成本,直到他們實際需要它。

認證和用戶管理

這是許多「無頭 LMS」部落格文章揮手說「只需使用 Auth0」的地方。實際上比那更微妙。

你的認證層需要處理:

  • 學生註冊和登錄
  • 基於角色的存取(學生、講師、管理員)
  • 課程註冊驗證(此用戶是否被允許看到此課程?)
  • 跨設備的會話管理

Clerk

Clerk 已經成為 Next.js 項目的預設值,理由充分。<SignIn /><UserProfile /> 組件節省了數週的 UI 工作。自訂聲明讓你存儲註冊數據和角色。定價從免費開始,最多 10,000 月活躍用戶——足夠大多數課程平台。

Supabase 認證

如果你已經在使用 Supabase 作為數據層(更多信息見下文),其內建認證是可靠的且免費的。行級安全策略意味著你可以在數據庫級別強制「只有已註冊學生看到此課程」,這是一個強大的安全模式。

Auth.js(以前的 NextAuth)

開源選項。更多設置、更多靈活性、沒有供應商鎖定。如果你自我託管所有內容,這是路徑。

支付和變現

LifterLMS 捆綁支付處理,老實說,它做得相當好。在無頭堆棧中複製這需要一些思考。

Stripe 是明顯的選擇。Stripe Checkout 處理支付 UI,Stripe webhook 在購買完成時通知你的後端。對於基於訂閱的存取(所有課程的每月會員),Stripe Billing 處理繁重工作。

Lemon Squeezy 值得考慮,如果你在國際範圍內銷售課程,並且不想自己處理增值稅/商品及服務稅合規。他們充當你的商品經銷人。權衡是稍高的費用(5% + 50¢ 每筆交易 vs Stripe 的 2.9% + 30¢)。

以下是一個簡化的註冊流程:

// Server Action:處理成功的支付 webhook
export async function handleStripeWebhook(event: Stripe.Event) {
  if (event.type === 'checkout.session.completed') {
    const session = event.data.object;
    const userId = session.metadata.userId;
    const courseId = session.metadata.courseId;
    
    await db.enrollment.create({
      data: {
        userId,
        courseId,
        enrolledAt: new Date(),
        status: 'active',
      },
    });
    
    // 觸發歡迎電郵、解鎖第一個模塊等。
    await triggerEnrollmentWorkflow(userId, courseId);
  }
}

進度追蹤和數據層

這是任何 LMS 的核心——知道每個學生在哪裡、他們完成了什麼,以及他們的表現如何。

數據庫選項

Supabase(Postgres) 為你提供帶有實時訂閱、行級安全和慷慨免費層的關係型數據庫。對於大多數 LMS 部署(50,000 用戶以下),免費計劃有效。Pro 計劃 $25/月處理顯著更多。

PlanetScale(MySQL)為架構更改提供出色的分支工作流。如果你在快速迭代數據模型——你在早期階段會這樣做——數據庫分支確實有用。

Neon(無伺服器 Postgres)是我當前最喜歡的 Next.js 項目。冷啟動很快,你只為你使用的付費。免費層包括 0.5 GB 儲存和 100 計算小時。

進度架構

CREATE TABLE enrollments (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id TEXT NOT NULL,
  course_id TEXT NOT NULL,
  enrolled_at TIMESTAMP DEFAULT NOW(),
  completed_at TIMESTAMP,
  status TEXT DEFAULT 'active',
  UNIQUE(user_id, course_id)
);

CREATE TABLE lesson_progress (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id TEXT NOT NULL,
  lesson_id TEXT NOT NULL,
  started_at TIMESTAMP DEFAULT NOW(),
  completed_at TIMESTAMP,
  time_spent_seconds INTEGER DEFAULT 0,
  UNIQUE(user_id, lesson_id)
);

CREATE TABLE quiz_attempts (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id TEXT NOT NULL,
  quiz_id TEXT NOT NULL,
  score DECIMAL(5,2),
  answers JSONB,
  submitted_at TIMESTAMP DEFAULT NOW()
);

為了 xAPI 合規(某些企業客戶有時需要),你可以將學習事件同時記錄到 Learning Record Store(LRS)(如 Learning Locker 或 Veracity)和你的主數據庫。

測驗、評估和互動內容

這是 LifterLMS——特別是 LearnDash——對其內建測驗引擎有真正優勢的地方。在無頭堆棧中,你構建這個或使用服務。

自己構建

對於基本測驗(多選、真假、填空),由你的數據庫支持的自訂 React 組件很簡單。在你的 CMS 中存儲問題和正確答案,在客戶端呈現它們,在伺服器端驗證。

使用服務

TypeformTally 可以處理帶有 webhook 回調的評估以記錄分數。對於高風險測試不理想,但對課程測驗可用。

對於複雜的評估需求——問題銀行、隨機化、時間限制、防作弊措施——你在看客製化開發。這正是與 開發合作夥伴合作 有意義的那種項目,因為正確的評估安全性是非平凡的。

比較架構:單體 vs 無頭 LMS

方面 LifterLMS(單體) 無頭 LMS 堆棧 SaaS LMS(例如 Teachable)
時間到啟動 天到週 週到月 小時到天
預先成本 $0-$500/年 $0-$200/月(託管 + 服務) $39-$199/月
效能 中等(PHP 呈現) 優秀(靜態 + 邊緣) 因供應商而異
自訂化 主題 + CSS 有限 無限 非常有限
內容靈活性 WordPress 編輯器 任何內容類型 平台特定
可擴展性 垂直(更大伺服器) 水平(邊緣 + CDN) 由供應商處理
供應商鎖定 WordPress 生態系統 低(交換任何片段)
需要開發人員 有時
測驗複雜性 中等(附加功能) 構建你需要的 基本
維護 外掛更新、衝突 服務更新、較少衝突 供應商處理它

何時此方法有意義(以及何時沒有)

當以下情況時選擇無頭:

  • 你的學習體驗需要客製化互動性(代碼遊樂場、模擬、協作練習)
  • 你有數百名並發學習者,效能很重要
  • 你想將 LMS 與現有系統整合(CRM、HR、自訂應用)
  • 你關心前端 UX 並想要完全設計控制
  • 你構建的東西計劃運營 3+ 年

當以下情況時堅持 LifterLMS:

  • 你是獨立創作者推出你的第一個課程
  • 預算緊張,你需要本週發佈,而不是本季度
  • 你的課程內容很簡單(視頻課程、文本、基本測驗)
  • 你的團隊中沒有開發人員,也不計劃聘請一個
  • 會員 + 課程整合現成很重要,比客製化 UX 更重要

我不打算假裝無頭方法總是更好。它需要更多前期工作。它需要持續的技術決策。對於許多用途,LifterLMS 或良好配置的 WordPress 主機上的 Tutor LMS 是正確的選擇。

但對於構建真實學習平台的組織——不僅僅是「網站上的課程」——無頭堆棧為你提供了一個基礎,隨著需求增長不會與你對抗。

真實世界堆棧示例

以下是我們為擁有 20-50 門課程和數千名活躍學生的中等規模線上學院推薦的具體堆棧:

工具 月成本
前端 Vercel 上的 Next.js $20(Pro 計劃)
CMS Sanity $0-$99(Growth 計劃)
認證 Clerk $0(最多 10K MAU)
數據庫 Neon Postgres $0-$19
支付 Stripe 2.9% + 30¢ 每筆交易
電郵 Resend $0-$20
視頻託管 Mux 按使用付費(~$0.007/分鐘觀看)
搜尋 Algolia 或 Meilisearch $0-$29
總計 ~$60-190/月 + Stripe 費用

與具有 Infinity Bundle($999/年 = ~$83/月)的 LifterLMS 加上託管的 WordPress 主機($30-50/月)進行比較,成本驚人地相似。但無頭堆棧給你提供了子秒級頁面加載、客製化前端,以及在不重建所有內容的情況下交換任何片段的能力。

要深入了解對你的具體情況什麼架構正確,請查看我們的 定價頁面 或只是 直接聯絡我們。我們特別有經驗構建這些類型的教育平台。

常見問題

我能將我現有的 LifterLMS 課程遷移到無頭堆棧嗎? 可以,但這不是一個按鈕操作。LifterLMS 在 WordPress 文章和自訂文章類型中存儲課程內容。你可以通過 WordPress REST API 或 WP-CLI 導出此數據,並將其轉換為新 CMS 的內容模型。學生進度數據(註冊、測驗分數、完成記錄)存放在自訂數據庫表中,你需要分別查詢和遷移。預算 2-4 週完全遷移具有 20+ 課程的網站。

無頭 LMS 堆棧比 LifterLMS 更昂貴嗎? 不一定。LifterLMS 的免費核心是欺騙性的——生產部署通常花費 $300-$1,000/年在附加功能上,加上 $360-$600/年用於質量託管 WordPress 主機。使用 Sanity、Clerk 和 Neon 免費層以及 Vercel Pro 計劃的無頭堆棧在固定成本上運行約 $240/年。真正的成本差異是開發人員時間:無頭堆棧需要更多前期工程。

通過遠離 WordPress 會失去 SEO 好處嗎? 不——你可能會獲得它們。Next.js 和 Astro 都產生快速、可爬行的 HTML。靜態生成意味著你的課程頁面加載速度比 PHP 呈現的 WordPress 頁面快,Core Web Vitals 分數通常更好。你需要自己實現結構化數據(Course schema markup),但這只是幾行 JSON-LD。

我如何在無頭堆棧中處理課程證書? 使用 @react-pdf/renderer 或 Puppeteer 之類的庫在伺服器端生成 PDF 證書。在你的 CMS 中存儲證書範本,使用學生數據和完成日期填充它,按需或通過背景工作生成 PDF,並從雲端儲存(S3 或 Cloudflare R2)提供服務。它比 LifterLMS 的內建證書需要更多工作,但你得到完整的設計控制。

那 SCORM 和 xAPI 合規性呢? 如果你需要 SCORM 合規(在企業培訓中很常見),你需要 SCORM 播放器組件——Rustici 的 SCORM Cloud($125/月及以上)是標準選擇。對於 xAPI(Tin Can API),你可以將學習陳述直接從你的前端或通過你的 API 層記錄到 Learning Record Store。2026 年大多數現代企業 LMS 需求傾向於 xAPI。

非技術講師能在無頭 CMS 中創建課程嗎? 絕對可以。這是 Sanity Studio 和 Strapi 管理面板等工具的關鍵好處之一。你定義內容模型(課程 → 模塊 → 課程),講師得到一個乾淨、專注的編輯介面。它通常比 WordPress 更簡單,因為沒有誘惑安裝隨機外掛或使用區塊編輯器破壞佈局。你設計你的講師需要的確切編輯體驗。

這與 Teachable 或 Thinkific 等 SaaS 平台相比如何? SaaS 平台對快速上市很好,但對自訂化和長期經濟學很可怕。Teachable 在其基本計劃上收取 5% 交易費,並顯著限制你的設計選項。無頭堆棧在開發時間上花費更多,但給你完全所有權,你的平台、你的數據和你的學生關係。如果你計劃每月產生超過 $5,000 的課程收入,經濟學在第一年內青睞客製化堆棧。

構建無頭 LMS 的最大風險是什麼? 範圍蔓延。LMS 功能具有欺騙性複雜——內容滴落、先決條件鏈、群組註冊、講師儀表板、分析、電郵序列。如果你試圖在推出前複製每個 LifterLMS 功能,你會燒盡預算。從核心循環開始(瀏覽課程 → 註冊 → 消費課程 → 追蹤進度),通過那推出,並根據實際學生反饋添加功能。可組合架構的美妙之處在於你可以逐步添加片段。