Skip to content

perf: upgrade website and docs images to WebP #190

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
imrja8 wants to merge 5 commits into
base: main
Choose a base branch
from
Open

perf: upgrade website and docs images to WebP #190

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
ec31ce5
perf: optimize website and docs images to WebP format
imrja8 Sep 19, 2026
7405e6e
chore: remove auto-generated Next.js agent files
imrja8 Sep 19, 2026
1f38540
part 1 - ignore
imrja8 Sep 21, 2026
5fe83f3
part 2 - review ready
imrja8 Sep 21, 2026
14a99e1
Merge branch 'Dokploy:main' into perf/optimize-website-and-docs-image…
imrja8 Oct 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
2 changes: 1 addition & 1 deletion apps/docs/content/docs/cli/authentication.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ By default, an access token never expires, but you can optionally set an expirat

You can go to `dashboard/settings/profile` and click on the `Generate` button.

<ImageZoom src="/assets/cli/token.png" width={800} height={630} alt='home og image' className="rounded-lg" />
<ImageZoom src="/assets/cli/token.webp" width={800} height={630} alt='home og image' className="rounded-lg" />


## Storing the Access Token
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/applications/advanced.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -288,7 +288,7 @@ File mounts are a Dokploy feature. When you create a file mount, Dokploy stores

<ImageZoom src="/assets/file-mount-configuration.webp" width={800} height={630} className="rounded-lg"/>

<ImageZoom src="/assets/file-mount.png" width={800} height={630} className="rounded-lg"/>
<ImageZoom src="/assets/file-mount.webp" width={800} height={630} className="rounded-lg"/>

### Redirects

Expand Down
4 changes: 2 additions & 2 deletions apps/docs/content/docs/core/applications/preview-deployments.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: "Preview deployments allow you to test and review your application

Preview deployments are a powerful feature specifically designed for applications with GitHub integration. This feature is disabled by default but can be easily enabled to enhance your development workflow.

<ImageZoom src="/assets/images/preview-deployments.png" width={800} height={630} alt='Preview deployments' className="rounded-lg" />
<ImageZoom src="/assets/images/preview-deployments.webp" width={800} height={630} alt='Preview deployments' className="rounded-lg" />

<Callout type="info">
We recommend not using preview deployments for public repositories, since external people can execute builds and deployments in your server.
Expand Down Expand Up @@ -56,7 +56,7 @@ preview deployments for all pull requests, regardless of labels.

When you open a pull request, you can monitor the deployment progress in the preview deployments section:

<ImageZoom src="/assets/images/preview-deploy.png" width={800} height={630} alt='Preview deployments build' className="rounded-lg" />
<ImageZoom src="/assets/images/preview-deploy.webp" width={800} height={630} alt='Preview deployments build' className="rounded-lg" />

In this section, you can:
- View the deployment status
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/architecture.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: 'Overview of the core architecture components of Dokploy.'

Understanding the architecture of Dokploy is crucial for both deploying and scaling applications. Below is a diagram illustrating the core components:

<ImageZoom src="/assets/architecture.png" alt="Architecture Diagram" width={1000} height={600} className="rounded-lg"/>
<ImageZoom src="/assets/architecture.webp" alt="Architecture Diagram" width={1000} height={600} className="rounded-lg"/>


## Installation Process
Expand Down
4 changes: 2 additions & 2 deletions apps/docs/content/docs/core/auto-deploy.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ Webhooks allow you to automatically deploy your application whenever changes are
2. **Obtain Webhook URL**: Locate the Webhook URL from the deployment logs.

<ImageZoom
src="/assets/webhook-url.png"
src="/assets/webhook-url.webp"
alt="Webhook URL"
width={1000}
height={500}
Expand All @@ -44,7 +44,7 @@ Webhooks allow you to automatically deploy your application whenever changes are
- Ensure the settings match the configuration necessary for triggering the webhook.

<ImageZoom
src="/assets/webhook-github.png"
src="/assets/webhook-github.webp"
alt="Webhook URL"
width={1000}
height={500}
Expand Down
6 changes: 3 additions & 3 deletions apps/docs/content/docs/core/cluster.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ When you deploy applications in dokploy, all of them run on the same node. If yo

The idea of using clusters is to allow each server to host a different application and, using Traefik along with the load balancer, redirect the traffic from the dokploy server to the servers you choose.

<ImageZoom src="/assets/docker-swarm.png" alt="Docker Swarm Diagram" width={1000} height={600} className="rounded-lg"/>
<ImageZoom src="/assets/docker-swarm.webp" alt="Docker Swarm Diagram" width={1000} height={600} className="rounded-lg"/>

## Server Scaling Methods

Expand Down Expand Up @@ -83,11 +83,11 @@ Workers have a single purpose, which is to run the containers, acting under the

You can click the 'Add Node' button, which will display the instructions you need to follow to add your servers as nodes and join them to the dokploy manager node.

<ImageZoom src="/assets/add-node.png" alt="Add Node" width={800} height={630} className="rounded-lg"/>
<ImageZoom src="/assets/add-node.webp" alt="Add Node" width={800} height={630} className="rounded-lg"/>

Once you follow the instructions, the workers or managers will appear in the table.

<ImageZoom src="/assets/nodes.png" alt="View Nodes" width={800} height={630} className="rounded-lg"/>
<ImageZoom src="/assets/nodes.webp" alt="View Nodes" width={800} height={630} className="rounded-lg"/>

<Callout type="info">
**Storage Cleanup Note**: Dokploy does not perform automatic cleanup of storage for workers or other associated nodes that are not the Dokploy server. For automatic cleanup, you can add your node as a remote server and configure cleanups, or create a schedule that performs that cleanup. Additionally, you don't need to perform setup when you only add the node as a remote server. For more information, see the [Remote Servers documentation](/docs/core/remote-servers).
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/concurrent-builds.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,6 @@ Concurrent builds are fully available in the open-source version — no license
2. Under **Dokploy Server**, set the concurrency for the local server.
3. Under **Remote Servers**, set the concurrency for each remote or build server individually.

<ImageZoom src="/assets/images/ui/concurrent-builds.png" alt="Per-server concurrency configuration under Settings > Deployments" width={1600} height={775} className="rounded-lg"/>
<ImageZoom src="/assets/images/ui/concurrent-builds.webp" alt="Per-server concurrency configuration under Settings > Deployments" width={1600} height={775} className="rounded-lg"/>

Each server's concurrency is configured independently, so you can, for example, keep the Dokploy server at 1 while increasing concurrency on a dedicated [build server](/docs/core/remote-servers/build-server) with more resources.
6 changes: 3 additions & 3 deletions apps/docs/content/docs/core/docker-compose/example.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ In this tutorial, we will create a simple application using Docker Compose and r
5. Select the repository: `Dokploy/docker-compose-test`.
6. Select the branch: `main`.
7. Set the Compose Path to `./docker-compose.yml` and save.
![Docker compose configuration](/assets/images/compose/setup.png)
![Docker compose configuration](/assets/images/compose/setup.webp)


### Updating Your `docker-compose.yml`
Expand Down Expand Up @@ -103,11 +103,11 @@ networks:

Make sure to point the A record to the domain you want to use for your service.

<ImageZoom src="/assets/images/compose/domain.png" width={800} height={630} alt='home og image' className="rounded-lg" />
<ImageZoom src="/assets/images/compose/domain.webp" width={800} height={630} alt='home og image' className="rounded-lg" />

Deploy the application by clicking on "deploy" and wait for the deployment to complete. Then give Traefik about 10 seconds to generate the certificates. You can then access the application through the domain you have set.

<ImageZoom src="/assets/images/compose/application.png" width={800} height={630} alt='home og image' className="rounded-lg" />
<ImageZoom src="/assets/images/compose/application.webp" width={800} height={630} alt='home og image' className="rounded-lg" />

**Tips**:

Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/docker-compose/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ This section provides advanced configuration options for experienced users. It i
- **Volumes**: To ensure data persistence across deployments, configure storage volumes for your application.

<ImageZoom
src="/assets/images/compose/overview.png"
src="/assets/images/compose/overview.webp"
width={800}
height={630}
quality={100}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/docker-compose/utilities.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ services:
```

<ImageZoom
src="/assets/images/compose-isolate.png"
src="/assets/images/compose-isolate.webp"
alt="Isolated Deployments"
width={1000}
height={600}
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/enterprise/audit-logs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: Track all actions performed by members in your organization

Audit Logs give Enterprise users complete visibility into every action performed within the organization. Every create, update, delete, login, logout, deployment, and configuration change is recorded — giving you a full trail for security, compliance, and debugging.

<ImageZoom src="/assets/images/ui/settings-audit-logs.png" alt="Audit Logs with filterable table of all actions" width={1600} height={775} className="rounded-lg"/>
<ImageZoom src="/assets/images/ui/settings-audit-logs.webp" alt="Audit Logs with filterable table of all actions" width={1600} height={775} className="rounded-lg"/>

## Overview

Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/enterprise/custom-roles.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: Create custom roles with granular permissions for your organization

Custom Roles let Enterprise users go beyond the default **Owner**, **Admin**, and **Member** roles by creating tailored roles with fine-grained permissions. Assign exactly the access each team member needs — no more, no less.

<ImageZoom src="/assets/images/ui/create-custom-role.png" alt="Create Custom Role modal with permission presets and granular toggles" width={1600} height={775} className="rounded-lg"/>
<ImageZoom src="/assets/images/ui/create-custom-role.webp" alt="Create Custom Role modal with permission presets and granular toggles" width={1600} height={775} className="rounded-lg"/>

## Overview

Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/enterprise/license-keys.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: Activate and manage your Enterprise license

To use Enterprise features (SSO, whitelabeling, audit logs, and more), you need a valid license issued by the Dokploy team.

<ImageZoom src="/assets/images/ui/settings-license.png" alt="License settings" width={1600} height={775} className="rounded-lg"/>
<ImageZoom src="/assets/images/ui/settings-license.webp" alt="License settings" width={1600} height={775} className="rounded-lg"/>

By default, all Dokploy instances run in the standard edition. If you are interested in switching to the Enterprise version, [contact us](https://dokploy.com/contact). Once you receive your license key, you can activate it in your instance.

Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/enterprise/sso/application-authentication.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { Callout } from "fumadocs-ui/components/callout";

Application Authentication puts a Single Sign-On login gate in front of your deployed applications. Once enabled on a domain, visitors must authenticate with your identity provider before Traefik forwards their request to your app.

<ImageZoom src="/assets/images/ui/application-authentication.png" alt="Application Authentication configuration under Settings > SSO" width={1600} height={775} className="rounded-lg"/>
<ImageZoom src="/assets/images/ui/application-authentication.webp" alt="Application Authentication configuration under Settings > SSO" width={1600} height={775} className="rounded-lg"/>

<Callout type="info">
This is an **Enterprise** feature and requires a valid enterprise license, plus an OIDC identity provider already configured under [Settings → SSO](/docs/core/enterprise/sso).
Expand Down
4 changes: 2 additions & 2 deletions apps/docs/content/docs/core/enterprise/sso/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@ description: Configure SSO with Auth0, Keycloak, or other OIDC/SAML providers

Enterprise supports Single Sign-On via OpenID Connect (OIDC) and SAML. You can use Auth0, Keycloak, or any compatible identity provider.

<ImageZoom src="/assets/images/ui/settings-sso.png" alt="SSO providers in Settings" width={1600} height={775} className="rounded-lg"/>
<ImageZoom src="/assets/images/ui/settings-sso.webp" alt="SSO providers in Settings" width={1600} height={775} className="rounded-lg"/>

<ImageZoom src="/assets/images/ui/sso-add-oidc-provider.png" alt="Add OIDC provider modal" width={1600} height={775} className="rounded-lg"/>
<ImageZoom src="/assets/images/ui/sso-add-oidc-provider.webp" alt="Add OIDC provider modal" width={1600} height={775} className="rounded-lg"/>

Choose a provider below for step-by-step configuration:

Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/enterprise/whitelabeling.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: Rebrand Dokploy with your application name, logos, colors, and cust

Whitelabeling lets Enterprise users fully rebrand their Dokploy instance. You can customize the application name, logos, favicon, appearance, metadata, links, and error pages — all from **Settings → Whitelabel**.

<ImageZoom src="/assets/images/ui/settings-whitelabeling.png" alt="Whitelabeling settings" width={1600} height={775} className="rounded-lg"/>
<ImageZoom src="/assets/images/ui/settings-whitelabeling.webp" alt="Whitelabeling settings" width={1600} height={775} className="rounded-lg"/>

## Branding

Expand Down
4 changes: 2 additions & 2 deletions apps/docs/content/docs/core/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@ Dokploy is a stable, easy-to-use deployment solution designed to simplify the ap



{/* <ImageZoom src="/logo.png" width={1300} height={630} alt='home og image' /> */}
{/* <ImageZoom src="/logo.webp" width={1300} height={630} alt='home og image' /> */}

![Logo](/logo.png)
![Logo](/logo.webp)

## Why Choose Dokploy?

Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/core/installation.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -181,7 +181,7 @@ Open your web browser and navigate to `http://your-ip-from-your-vps:3000`. You w
{" "}

<ImageZoom
src="/assets/images/setup.png"
src="/assets/images/setup.webp"
width={1300}
height={650}
alt="home og image"
Expand Down
Loading