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

# Swap out Swagger UI for ReDoc

<Warning>
  **Legacy: Tyk Classic Portal**

  You're viewing documentation for the **Tyk Classic Portal**, which is no longer actively maintained.

  If you're looking for the latest API documentation for the **new Tyk Developer Portal**, please refer to the
  [Postman collection](/nightly/product-stack/tyk-enterprise-developer-portal/api-documentation/tyk-edp-api) or visit the
  [Tyk Developer Portal](/nightly/portal/overview/intro) section.

  The Classic Portal is in maintenance mode and will be deprecated soon. For questions or support, contact us at
  [support@tyk.io](<mailto:support@tyk.io?subject=Tyk classic developer portal>).
</Warning>

This short guide will show you how easy it is to swap out out the default [https://swagger.io/tools/swagger-ui/](https://swagger.io/tools/swagger-ui/) library for Portal Catalog API documentation for another tool like [ReDoc](https://redocly.github.io/redoc/)

* Open up the default `/opt/tyk-dashboard/portal/templates/swagger.html`

```
  {{ define "swaggerPage" }}
  {{ template "header" .}}
  <link href='/portal-assets/css/swagger.min.css' media='screen' rel='stylesheet' type='text/css'/>
  {/* <link href='/portal-assets/css/swagger-ui.css' media='screen' rel='stylesheet' type='text/css'/> */}
  <body>
    {{ template "navigation" . }}
    <div>
      <div class="container" style="margin-top: 80px;">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute;width:0;height:0">
...
        </svg>
        <div id="swagger-ui"></div>
      </div>
    </div>
    {{ template "footer" .}}
    {{ template "scripts" .}}
    <script src="/portal-assets/js/vendors.min.js"> </script>
    <script src="/portal-assets/js/swagger.min.js"> </script>
    <script type="text/javascript">
...
    </script>
  </body>
</html>
{{ end }}
```

* Replace the content of `swagger.html` with the following:

```
  {{ define "swaggerPage" }}
  {{ template "header" .}}
  <body>
    {{ template "navigation" . }}
    <div>
      <div class="container" style="margin-top: 80px;">
        <redoc spec-url="{{.SwaggerURL}}"></redoc>
      </div>
    </div>
    {{ template "footer" .}}
    <script src="https://cdn.jsdelivr.net/npm/redoc@next/bundles/redoc.standalone.js"></script>
  </body>
</html>
{{ end }}
```

* Restart your dashboard service

* Browse your portal documentation

<img src="https://mintcdn.com/tyk/FZbs3pJQw2fNkYsW/img/dashboard/portal-management/redoc-petstore-tyk.png?fit=max&auto=format&n=FZbs3pJQw2fNkYsW&q=85&s=c8c3ba5ce78f9731c3dbe5c9a3242187" alt="Tyk Portal Catalogue API Documentation with ReDoc" width="3326" height="1806" data-path="img/dashboard/portal-management/redoc-petstore-tyk.png" />
