Tauler CDN
Gestiona les llibreries CSS i JS del teu CDN intern.
Total llibreries
15
Només CSS
4
Només JS
4
CSS + JS
7
Instal·lació ràpida
Descarrega totes les llibreries amb una sola comanda:
Bash
bash cdn-setup.sh
Com funciona?
1️⃣
Executa l'script
cdn-setup.sh descarrega totes les versions minificades des de jsDelivr.
2️⃣
Puja al servidor
Copia la carpeta
cdn/ al teu servidor web (Nginx o Apache).3️⃣
Utilitza-la als projectes
Apunta els teus HTML a
https://cdn.aficat.com/css/...Llibreries
Totes les llibreries disponibles al CDN intern.
Snippets HTML
Copia i enganxa el bloc d'imports als teus projectes.
Plantilla completa — <head> + <body end>
<!-- ═══ CDN INTERN — CSS ═══ -->
<link rel="stylesheet" href="https://cdn.aficat.com/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/bootstrap-icons.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/fontawesome.all.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/animate.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/select2.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/select2-bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/sweetalert2.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/summernote-bs5.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/flatpickr.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/toastr.min.css">
<!-- ═══ CDN INTERN — JS (abans de </body>) ═══ -->
<script src="https://cdn.aficat.com/js/jquery.min.js"></script>
<script src="https://cdn.aficat.com/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.aficat.com/js/select2.min.js"></script>
<script src="https://cdn.aficat.com/js/sweetalert2.all.min.js"></script>
<script src="https://cdn.aficat.com/js/summernote-bs5.min.js"></script>
<script src="https://cdn.aficat.com/js/dataTables.min.js"></script>
<script src="https://cdn.aficat.com/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.aficat.com/js/chart.umd.min.js"></script>
<script src="https://cdn.aficat.com/js/flatpickr.min.js"></script>
<script src="https://cdn.aficat.com/js/flatpickr.es.js"></script>
<script src="https://cdn.aficat.com/js/axios.min.js"></script>
<script src="https://cdn.aficat.com/js/sortable.min.js"></script>
<script src="https://cdn.aficat.com/js/toastr.min.js"></script>
<script defer src="https://cdn.aficat.com/js/alpine.min.js"></script>
Només Bootstrap + jQuery (minimal)
Stack minimal
<link rel="stylesheet" href="https://cdn.aficat.com/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.aficat.com/css/fontawesome.all.min.css">
<script src="https://cdn.aficat.com/js/jquery.min.js"></script>
<script src="https://cdn.aficat.com/js/bootstrap.bundle.min.js"></script>
Configuració del Servidor
Exemples de configuració per a Nginx i Apache.
Nginx
# /etc/nginx/sites-available/cdn.aficat.com
server {
listen 80;
server_name cdn.aficat.com;
# Redirigir a HTTPS
return 301 https://$host$request_uri;
}
server {
listen 443 ssl http2;
server_name cdn.aficat.com;
root /var/www/cdn;
index index.html;
# Caché agressiva per a assets estàtics
location ~* \.(css|js|woff2|woff|ttf|eot|svg|png)$ {
expires 1y;
add_header Cache-Control "public, immutable";
add_header Access-Control-Allow-Origin "*";
gzip_static on;
}
# Compressió gzip
gzip on;
gzip_types text/css application/javascript font/woff2;
gzip_comp_level 6;
gzip_min_length 256;
}
.htaccess (Apache)
Header set Access-Control-Allow-Origin "*"
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType font/woff2 "access plus 1 year"
</IfModule>
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/css application/javascript
</IfModule>