Kickstart Project

The first step is to kickstart your Nuxt application and configure the nuxt-typo3 module. You can do this by following this guide.

You can create a new Nuxt project using either npx or pnpm:

npx nuxi init <project-name>
pnpm dlx nuxi init <project-name>

Install and Configure nuxt-typo3

Once your project is created, you need to install the nuxt-typo3 module. Navigate to your project directory and use either yarn or npm to install:

npx nuxi@latest module add typo3

After the module is installed, you need to configure it in your nuxt.config.ts file. Open the file and add the following:

export default defineNuxtConfig({
  modules: ['@t3headless/nuxt-typo3'],
  typo3: {
    api: {
      baseUrl: ''

In this configuration, replace '' with your actual TYPO3 API endpoint. This will ensure your Nuxt application can communicate with your TYPO3 backend.