TYPO3 module for Nuxt.js and TYPO3 headless provides API handling and frontend rendering.

DOCUMENTATION

Features

✅ Handle dynamic API routes

✅ Frontend layouts

✅ Backend layouts

✅ Multilanguage

✅ Meta tags provided by API

✅ Most of the standard TYPO3 Content Elements (in progress)

✅ SSR Ready

Setup

We're working on documentation/guide, but you can use it right now.

Installation

Install with yarn

yarn add nuxt-typo3

Install with npm

npm install nuxt-typo3

Configuration

1. 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'
    }
  }
}

2. nuxt-typo3 require Vuex store. Create empty index.js file in store directory, read more here.

3. remove index.vue from pages directory - now your pages provides TYPO3 API

See In action

• Macmillan English
• jwied agency

Development

1. Clone this repository
2. Install dependencies using yarn install or npm install
3. Start development server using npm run dev

License

MIT License

Copyright (c) MACOPEDIA