nuxt-typo3

基於 Nuxt 和 Vue.js 的 TYPO3 無頭前端渲染模組

• ✨ 發行說明
• 📖 文件

功能

• 🌐 處理 Headless EXT 提供的動態 API 路由
• 🖼️ 前端和後端佈局
• 🧩 支援大多數標準 TYPO3 內容元素
• ✨ 易於自訂
• 🌍 多語言支援
• 📈 SEO 支援
• 🚀 伺服器端就緒

設定

了解如何在您的 Nuxt 3 應用程式中設定 nuxt-typo3 模組。

您也可以在 StackBlitz 上使用 playground

快速開始 nuxt-typo3 專案

您可以使用 nuxi init 命令來初始化一個全新的 Nuxt 專案，並包含所需的 nuxt-typo3 設定。 了解更多關於 nuxi 的資訊

npx nuxi@latest init -t gh:TYPO3-Headless/nuxt-typo3-starter <project-name>

安裝 nuxt-typo3 模組

將 @t3headless/nuxt-typo3 開發依賴項新增至您的專案

npx nuxi@latest module add typo3

然後，將 @t3headless/nuxt-typo3 新增至 Nuxt 設定的 modules 區段

export default defineNuxtConfig({
  modules: ['@t3headless/nuxt-typo3'],
  typo3: {
    api: {
      baseUrl: 'https://api.t3pwa.com'
    }
  }
})

查看 Nuxt 3 文件 以取得更多關於安裝和使用模組的資訊。

開發

• 執行 npm run dev:prepare 以產生類型定義。
• 使用 npm run dev 在開發模式下啟動 playground。