TYPO3 - Headless - NextJS - React

With the container extension you don't need any adapter extension to make it compatible to TYPO3 Headless.

Change your config.yaml so that your TYPO3 listens to api.domain.org (your backend domain)

Remove your existing TypoScript and Fluid, you don't need that anymore, but keep a backup to copy & paste from. With TYPO3 Headless you only need a minimum of TypoScript and no Fluid.

• Install Next.js
• Install the html-react-parser npm package: ReactJS doesn't like it to get raw HTML passed into components as data. This is to protect agains XSS, but the TYPO3 Backend takes care of sanitizing the RTE input for us.

TYPO3 Extensions:

• headless
• container

Frontend:

• NextJS
• ReactJS
• html-react-parser