Quickstart
To follow the Quickstart Tutorial you need to set up the extension first.
To get an impression of how it works, you can watch the presentation from TYPO3 Developer Days 2023.
# Install Topwire within your TYPO3 project
composer require topwire/topwire:^1.0@devpage.includeJSLibs.topwire = EXT:topwire/Resources/Public/JavaScript/topwire.js
page.includeJSLibs.topwire.type = module
page.includeJSLibs.topwire.async = 1
page.includeJSLibs.topwire.defer = 1
page.includeJSLibs.topwire.disableCompression = 1
page.includeJSLibs.topwire.excludeFromConcatenation = 1Check it out
By only using the context and slot view helpers, it is possible to render any Extbase plugin that is registered in the system. These view helpers can be put in any Fluid template.
Need a plugin output in the sidebar of a page? Use the view helpers in your Fluid page templates.
Need the output of another plugin within your own plugin templates? Use the view helpers there.
In this example an uncached Extbase action is rendered. This works of course, but same as with any uncached output, TYPO3 sends out no-cache HTTP headers and therefore the full HTML can not be cached by the browser (or a caching proxy).
Head over to the next step, to learn how you can easily mitigate this with using Topwire and async Turbo frames.
Hello friend!
Today is: 24.04.2025 - 16:57:45
<html
xmlns:topwire="http://typo3.org/ns/Topwire/ViewHelpers"
data-namespace-typo3-fluid="true">
<topwire:context.plugin extensionName="TopwireExamples" pluginName="CurrentDate">
<topwire:context.render />
</topwire:context.plugin>
</html>