Sitepackage Tutorial

Description:The official tutorial how to create a sitepackage in TYPO3 from scratch
Keywords:forDevelopers, forAdmins
Copyright:2018 TYPO3 Documentation Team
Author:Michael Schams
License:Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0),
Status:needs review (The information in this tutorial has not been fully updated for TYPO3 11.5 yet.)
Shortcut:t3sitepackage is the usual alias for cross-referencing.
Rendered:2022-01-18 19:39

The content of this document is related to TYPO3 CMS, a GNU/GPL CMS/Framework available from

Official Documentation

This document is included as part of the official TYPO3 documentation. It has been approved by the TYPO3 Documentation Team following a peer-review process. The reader should expect the information in this document to be accurate - please report discrepancies to the Documentation Team ( Official documents are kept up-to-date to the best of the Documentation Team’s abilities.


This document is a Tutorial. Tutorials are designed to be step-by-step instructions specifically created to walk a beginner through a particular task from beginning to end. To facilitate effective learning, Tutorials provide examples to illustrate the subjects they cover. In addition, Tutorials provide guidance on how to avoid common pitfalls and highlight key concepts that should be remembered for future reference.


This tutorial describes the steps required to turn a basic design template (HTML, CSS, JavaScript files, etc.) into a fully working, mobile-responsive website powered by TYPO3. By creating a sitepackage extension, all relevant files are stored at a central point and changes can easily be tracked in version control.

Despite the fact that TYPO3 supports several methods of implementing websites, this approach is a very flexible and professional way. At the same time, the process is not overly complicated and does not require any programming knowledge.