> ## Documentation Index
> Fetch the complete documentation index at: https://gcore.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrate CDN resource with Typo3

Before you take any steps please back up your files and database. The plugin works only with default CMS pattern. If you manually changed CMS patterns, the plugin might not help you.

This tutorial guides you through the CDN integration of [Typo3](https://typo3.org) with the [smile\_cdn](https://typo3.org/extensions/repository/view/smile_cdn) extension. We used Typo3 6.2 LTS and smile\_cdn version 2.1.0 in the following example.

Login to the Typo3 backend.

<Frame>
  <img src="https://mintcdn.com/gcore/lJxwP5ZCdc6UHqN3/images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-login.png?fit=max&auto=format&n=lJxwP5ZCdc6UHqN3&q=85&s=def2e1a318d76526e282e564810f3e8a" alt="Login to the Typo3 backend" width="300" height="204" data-path="images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-login.png" />
</Frame>

Navigate to Extension Manager and install the extension smile\_cdn.

<Frame>
  <img src="https://mintcdn.com/gcore/lJxwP5ZCdc6UHqN3/images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-get-extension-smile_cdn-1024x612.png?fit=max&auto=format&n=lJxwP5ZCdc6UHqN3&q=85&s=3a55152f79004d460856b9fd71bdd1c0" alt=" Extension Manage" width="1024" height="612" data-path="images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-get-extension-smile_cdn-1024x612.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/gcore/lJxwP5ZCdc6UHqN3/images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-cdn-install-smile-cdn-1024x186.png?fit=max&auto=format&n=lJxwP5ZCdc6UHqN3&q=85&s=e621f45e14c1f2a49cfffd5b25158b5c" alt="Get extensions" width="1024" height="186" data-path="images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-cdn-install-smile-cdn-1024x186.png" />
</Frame>

Configure the smile\_cdn extension by defining the CNAME (without `http://`) that you specified in the [Gcore Customer Portal](https://portal.gcore.com/cdn/resources/list) and the desired filters to offload your assets. Ensure that your [CNAME record has been configured](/cdn/cdn-resource-options/general/create-and-set-a-custom-domain-for-the-content-delivery-via-cdn) in a proper way before using it for integration.

<Frame>
  <img src="https://mintcdn.com/gcore/lJxwP5ZCdc6UHqN3/images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-cdn-configure-smile-cdn-1024x858.png?fit=max&auto=format&n=lJxwP5ZCdc6UHqN3&q=85&s=c038fc1f5d23925e831e8174f5f8ad00" alt=" Control panel a" width="1024" height="858" data-path="images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-cdn-configure-smile-cdn-1024x858.png" />
</Frame>

Click Flush the Frontend Caches in the Typo3 backend.

<Frame>
  <img src="https://mintcdn.com/gcore/lJxwP5ZCdc6UHqN3/images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-flush-cache-300x127.png?fit=max&auto=format&n=lJxwP5ZCdc6UHqN3&q=85&s=1d87d59c0745b384efe156211332663d" alt="Typo3 backend" width="300" height="127" data-path="images/docs/cdn/getting-started/integrate-cdn-with-cms/integrate-cdn-resource-with-typo3/typo3-flush-cache-300x127.png" />
</Frame>

Integration has been completed! We highly recommend you to check the HTML code of your web page to ensure that URLs have been rewritten properly from your original ones to CNAME from the Gcore Customer Portal.

To do that press **F12** or open Developers Tools in your browser, choose the Network tab and refresh the page. All static files should have your CNAME in URLs.