nuxt-typo3
v1.4.0
Published
TYPO3 Frontend rendered in Vue.js and Nuxt (frontend for EXT:headless)
Downloads
241
Readme
TYPO3 module for Nuxt.js and TYPO3 headless provides API handling and frontend rendering.
TYPO3 & Headless Ext compability
TYPO3 >= v11.5 & Headless version 3.x -> [email protected] (master)
TYPO3 < 11.5 & Headless version 2.x -> [email protected] (0.9x)
DOCUMENTATION
NUXT3
Are you looking for the newest version compatible with Nuxt3? https://t3headless.macopedia.io/nuxt-typo3/
Features
✅ Handle dynamic API routes
✅ Frontend layouts
✅ Backend layouts
✅ Multilanguage
✅ Meta tags provided by API
✅ Most of the standard TYPO3 Content Elements
✅ SSR Ready
Setup
Installation
Install with yarn
yarn add nuxt-typo3
Install with npm
npm install nuxt-typo3
Configuration
- Add
typo3
object to your nuxt.config.js to configure all required settings.
{
modules: [
'nuxt-typo3',
],
typo3: {
baseURL: 'https://yourwebsite.com',
api: {
baseURL: 'https://api.yourwebsite.com'
},
i18n: {
locales: ['en', 'pl', 'de'],
defaultLocale: 'en'
}
}
}
- By default this plugin uses dynamic routing (
_.vue
), please removeindex.vue
from pages directory - now your pages provides TYPO3 API.
See In action
Development
- Clone this repository
- Install dependencies using
yarn install
- Start development server using
yarn dev
Please read contributing guide
License
Copyright (c) MACOPEDIA