Cos'è Eleventy?

Eleventy è un generatore di siti statici open source che utilizza i template per generare pagine HTML. È scritto in JavaScript e può essere utilizzato con diversi linguaggi di template, tra cui Nunjucks, Handlebars, Mustache e Liquid. Eleventy è stato creato per semplificare la creazione di siti web statici, offrendo un'alternativa leggera e flessibile ai CMS tradizionali.

A cosa serve Eleventy?

Eleventy viene utilizzato per creare siti web statici, ovvero siti web che non richiedono un server per generare le pagine. I siti web statici sono più veloci e sicuri dei siti web dinamici, in quanto non richiedono l'esecuzione di codice lato server. Eleventy semplifica la creazione di siti web statici, offrendo un'interfaccia intuitiva per la gestione dei template e la generazione delle pagine HTML.

Caratteristiche principali di Eleventy

• Flessibilità: Eleventy supporta diversi linguaggi di template, consentendo agli sviluppatori di utilizzare il linguaggio di template preferito.

• Estensibilità: Eleventy può essere esteso tramite plugin, che consentono di aggiungere funzionalità personalizzate al generatore di siti statici.

• Prestazioni: I siti web generati con Eleventy sono veloci e leggeri, in quanto non richiedono l'esecuzione di codice lato server.

• Semplicità: Eleventy è facile da imparare e da utilizzare, anche per gli sviluppatori meno esperti.

Esempio di sintassi per Eleventy

Per iniziare ad utilizzare Eleventy, è possibile installarlo tramite npm con il seguente comando:

npm install --save-dev @11ty/eleventy

Una volta installato, è possibile utilizzare Eleventy per generare il sito web statico a partire dai file di template. Ad esempio, per generare il sito web a partire dai file nella cartella 'src' e salvarlo nella cartella 'dist', è possibile utilizzare il seguente comando:

npx eleventy --input=src --output=dist

Eleventy supporta anche la modalità 'watch', che consente di rigenerare il sito web ogni volta che viene modificato un file di template. Per avviare Eleventy in modalità 'watch', è possibile utilizzare il seguente comando:

npx eleventy --input=src --output=dist --watch