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
npx nuxi init <project-name>
pnpm
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:

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

In this configuration, replace 'https://your.typo3.api.com' with your actual TYPO3 API endpoint. This will ensure your Nuxt application can communicate with your TYPO3 backend.