Skip to content
TYPO3 Frontend rendered in Vue.js and Nuxt (frontend for EXT:headless)
JavaScript Vue
Branch: master
Clone or download

README.md

nuxt-typo3

npm downloads npm version standard js License

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'
    }
  }
}
  1. nuxt-typo3 require Vuex store. Create empty index.js file in store directory, read more here.

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

See In action

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

You can’t perform that action at this time.