[Backport 13.4] Add mini tutorial about site package builder (#599)

* [TASK] Add mini tutorial about site package builder * Update Documentation/FirstProject/CreateSitePackage.rst * Update Documentation/FirstProject/CreateSitePackage.rst * Update Documentation/FirstProject/CreateSitePackage.rst --------- Co-authored-by: Kiebele <[email protected]> Co-authored-by: Lina Wolf <[email protected]>
TYPO3-Documentation · Dec 3, 2024 · 2b378ad · 2b378ad
1 parent 8173189
commit 2b378ad
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/Documentation/FirstProject/CreateSitePackage.rst b/Documentation/FirstProject/CreateSitePackage.rst
@@ -23,12 +23,26 @@ To create a site package, you have two main options:
     the detailed instructions int the
     :ref:`TYPO3 site package tutorial <t3sitepackage:start>`.
 
-*   Using the `Sitepackage-Builder <https://www.sitepackagebuilder.com/>`__:
+*   Using the `Sitepackage-Builder <https://get.typo3.org/sitepackage/new//>`__:
     If you are looking for a faster start, the Sitepackage-Builder is a
     handy tool. You can choose whether your site package should be based on
     the `Bootstrap Package <https://www.bootstrap-package.com/>`__ or
     :ref:`fluid_styled_content <typo3/cms-fluid-styled-content:introduction>`.
+
+    Fill in the fields in the form, download the site package and save it
+    in the :path:`packages` directory. Then require the site package using Composer:
 
+    ..  code-block:: bash
+
+        composer require vendor\sitepackagename
+
+    and include the sets in your `site configuration <https://docs.typo3.org/permalink/t3start:site-configuration>`_.
+
+    ..  figure:: /Images/ManualScreenshots/CreateSitePackage/SitePackageBuilder.png
+        :alt: Screenshot of the site package builder at get.typo3.org demonstrating the installation steps
+
+       Click on "Composer-based TYPO3 installation" for the commands to install the site package
+
 
 ..  _pros-and-cons-of-sitepackage-builder:
 

diff --git a/Documentation/Images/ManualScreenshots/CreateSitePackage/SitePackageBuilder.png b/Documentation/Images/ManualScreenshots/CreateSitePackage/SitePackageBuilder.png