# Understand Fluid Templates in TYPO3 v13 – A Practical, Step-by-Step Guide **Tested in:** [TYPO3v13](/Tags/TYPO3v13.md) **Categories:** [Intermediary](/Tags/Intermediary.md) [Frontend](/Tags/Frontend.md) [Fluid](/Tags/Fluid.md) **Author:** [@csabareanu](https://my.typo3.org/u/csabareanu) This guide shows how TYPO3 renders pages using Fluid templates, and how to build a clean template structure in your sitepackage (`EXT:sitepackage`) using: * Layouts (global page shell) * Templates (page-specific content) * Partials (reusable snippets) You will also learn how to render navigation and all content elements of a page using TypoScript + Fluid + Fluid Styled Content ## Real-world Goal You are building a custom frontend for a TYPO3 website. Throughout this guide we will build: * A shared page layout (header, navigation, footer) * A default page template that renders all content in the main column * Reusable partials for meta tags and navigation * A basic understanding of common Fluid ViewHelpers ## Learning Objectives After completing this tutorial, you will be able to: * Explain the difference between Layout, Template, and Partial in Fluid * Configure FLUIDTEMPLATE in TypoScript (with Fluid Styled Content loaded) * Render all content elements from a column with TypoScript and Fluid * Use partials for meta tags and navigation * Use common Fluid ViewHelpers in templates ## Prerequisites #### Tools and Technology * TYPO3 v13+ (Composer-based setup recommended) * A sitepackage extension (`EXT:sitepackage`) * `typo3/cms-fluid-styled-content` installed via Composer #### Knowledge and Skills You should be familiar with: * Basic TYPO3 concepts (pages, content elements, site configuration) * TypoScript basics (what `PAGE` and `FLUIDTEMPLATE` are) * File structure inside a sitepackage (`Resources/Private`, `Configuration/Sets`) ## Step 0: Understand Layouts, Templates, and Partials Before touching code, it’s important to understand the three Fluid building blocks you’ll use: #### Layout A Layout defines the global HTML structure shared by multiple templates. * Contains ``, ``, ``, `
`, `