github, excel (csv), php + yml, google maps
generátor statických stránek, který běží na ruby a používá šablonovací systém liquid
jednoduché použití a implementace, nulové nároky na hosting, žádná databáze, nenapadnutelný, SASS, ale...
klasická šablona jako všude jinde
základní stavební prvek
první věc v šabloně a zároveň proměné použité na stránce
jednoduché grupovaní stejného obsahu
vše umí zpracovat v surové podobě a poskládat z nich třeba celý web
takže na OSX potřebuješ:
to třeba přestane fungovat, protože... no a tak to přestanete používat (jako já)!
docker images, and CI builders for Jekyll.
export JEKYLL_VERSION=3.8
docker run --rm \
--volume="$PWD:/srv/jekyll" \
-it -p 4000:4004 jekyll/jekyll:$JEKYLL_VERSION \
jekyll server --watch
jedním příkazem se mi všechno stáhne, nainstaluje a zároveň pustí server na locale, který sleduje změny ve složce
experimentální fičura, nepřegenerovává celý web, dobré použít u obrovských webů (1000+ stránek), ale je dobré znát limity
zakázání sledovaní změn v souborech a složkách
exclude: ['less', 'js/global.js']jakékoliv změny ve složce LESS a v global.js neprovedou build webu a nebudou na LIVE webu
"stará škola" vezme obsah složky _site a překopíruje na FTP, ostatní použijí jeden z doporučených nástrojů, který to umí dělat automaticky
automatický build, free (ale), formuláře, přihlašování, https, CDN, A/B testování
nejdůležitější věc, implementace je na pár sekund:
<form name="contact" method="POST" data-netlify="true">obrovské nastavení (YAML), neustálý vývoj a implementace fičur, zadarmo (ale)
vyzkoušel jsem několik CMS, ale žádný z nich si neporadil s ničím jiným, než obyčejným blog postem
aneb proč tady vlastně jsme...
první větší web, YAML a datové soubory, všechno se dělá lokálně (přes docker) a poté kopíruje na FTP
nejzajímavější je sekce spotřebiče, kde třeba trouby maji vlastní YML soubor, ktery se plní dle katalogů
nejklíčovější stránky jsou zde samotné detaily kuchyní, které jsou vždycky stejné, jen naplněné jinými daty
jednoduchý blogovací web, první použití forestry
co kvartál to 3MB YML soubor se skoro 100k řádky, vše zachránil Jekyll Data Pages Generator, který z každého logického bloku (ATC) vytvoří samostatný HTML soubor
přesně tolik vzknikne z jednoho kvartálu samostatných HTML souborů, mezi kterýma filtruje uživatel přes multiple select (chosen)
layout skládá výstup 2x, jednou pro samotné HTML, které se zobrazí uživateli a podruhé tabulku pro export
o export se stará XLSX export, kterému po kliku na export, poskládám všechny tabulky dohromady
jo, pořád je to statický web, generovaný přes netlify, který dokáže udělat i neprogramátor (já) jako funkční prototyp, jen s daty, bez nutnosti vyvíjet app v Reactu
kompletně modulární web, forestry, netlify
aneb proč vymýšlet znova kolo, když forestry připravilo na stejném principu šablonu
stránku si rosekám do jednotlivých bloků, (každý blok má zvláštní HTML soubor), pro includování je dobré, aby měli stejný prefix, třeba block-
všechny hodnoty, které chci plnit, otaguju a přejdu k forestry
pro každý blok vytvořím front matter šablonu a naklikám typy hodnot
pro každou sekci (kategorii, kolekci) můžu nadefinovat spoustu věcí, jako třeba, jaká šablona se kde použije, případně jaká data tam může plnit a přidávat
CSV -> PHP -> YML, celý web se vlastně generuje ze 4 CSV souborů a jednoho YML (kde se plní ceny, texty, verze...), všechno se dělá lokálně (přes docker) a poté kopíruje na FTP
aneb můj první generátor HTML a CSS z CSV (spíše na zamyšlení co lze třeba udělat jen pomocí excelu)
ano, přes Nette generuju ze všech CSV, YML soubory, ze kterých se vytvoří celý ikon set
ano, všechno tohle by se dělat nemuselo, ale jelikož se CSV několikrát měnilo, předělávalo a obsahovalo chyby, tak jsem se rozhodnul raději zvolit cestu, že nechci měnit šablony dle CSV (někde bych mohl udělat chybu a na stránce by se vypisovala špatná hodnota), ale generator měnit podle CSV
a nebo třeba responsive image