TYPO3 site package tutorial

Here we define the benefits of the site package: like the concepts of encapsulation, the concepts of dependency management, the clean separation from the userspace (fileadmin/FAL), some important security benefits, deployment and distributability advantages.

In this section we mention the prerequisites that you need before you start with this tutorial.

Create a minimal site package that outputs "Hello World".

We define the starting point to build a site package extension. Normally we start with static html files and a bunch of css and JavaScript files. This is also called "integrate".

We introduce the templating engine Fluid, that is used to render the html pieces in a logically manner. Then we describe the directory structure that is needed in a site package extension. We also explain the first steps to include the previously static files and html pieces using Fluid.

We explain the needed composer configurations and we connect it with the site sets configurations that we made in the previous chapter.

In this section we go through the process of installing the site package extension with composer.

Here we show enter the first content into the TYPO3 backend. We create pages, add the site configuration from the site package, show the connection of the site configuration and the file config.yaml and show case the view module in the TYPO3 backend.

We introduce the main menu, explain how we build up a menu processor with TypoScript and how we can output the menu with Fluid. We introduce the so called "Debug ViewHelper".

Here we explain the purpose of backend layouts. Additionally we introduce the DatabaseQueryProcessor which is used to render content from a special "colPos" previously defined in the backend layout. We use Fluid to output content from a specific colPos. By this we get to know the cObject ViewHelper.

In this chapter we sum up the steps that we did after we have gone through this tutorial.