| | |
|---|
| | | ## Cloudflare Pages |
|---|
| | | |
|---|
| | | 1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. |
|---|
| | | 2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. |
|---|
| | | 2. In Account Home, select **Compute (Workers)** > **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. |
|---|
| | | 3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: |
|---|
| | | |
|---|
| | | | Configuration option | Value | |
|---|
| | |
|---|
| | | - build |
|---|
| | | - deploy |
|---|
| | | |
|---|
| | | image: node:20 |
|---|
| | | image: node:22 |
|---|
| | | cache: # Cache modules in between jobs |
|---|
| | | key: $CI_COMMIT_REF_SLUG |
|---|
| | | paths: |
|---|
| | |
|---|
| | | } |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | ### Using Apache |
|---|
| | | |
|---|
| | | Here's an example of how to do this with Apache: |
|---|
| | | |
|---|
| | | ```apache title=".htaccess" |
|---|
| | | RewriteEngine On |
|---|
| | | |
|---|
| | | ErrorDocument 404 /404.html |
|---|
| | | |
|---|
| | | # Rewrite rule for .html extension removal (with directory check) |
|---|
| | | RewriteCond %{REQUEST_FILENAME} !-f |
|---|
| | | RewriteCond %{REQUEST_FILENAME} !-d |
|---|
| | | RewriteCond %{DOCUMENT_ROOT}/%{REQUEST_URI}.html -f |
|---|
| | | RewriteRule ^(.*)$ $1.html [L] |
|---|
| | | |
|---|
| | | # Handle directory requests explicitly |
|---|
| | | RewriteCond %{REQUEST_FILENAME} -d |
|---|
| | | RewriteRule ^(.*)/$ $1/index.html [L] |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | Don't forget to activate brotli / gzip compression. |
|---|
| | | |
|---|
| | | ### Using Caddy |
|---|
| | | |
|---|
| | | Here's and example of how to do this with Caddy: |
|---|
