Ztracený sen webu: Stránky, co se mění samy v reálném čase
Zapomenutý sen webu: Stránky, které se upravují samy v reálném čase
Pamatujete, jak web vypadal dřív? Stačil jeden soubor index.html na serveru. V prohlížeči jste viděli přesně to, co bylo uvnitř. Byla v tom jednoduchost, která měla kouzlo.
Pak přišly PHP, WordPress, Django nebo Node.js. Stránky se změnily v složité systémy. Generují se na letu z databází a API. Web už není soubor. Je to abstraktní mašinerie.
Co kdybychom to vrátili zpátky?
Oživení čtení i psaní na webu
Původní myšlenka webu nebyla jen čtení. Měl být obousměrný. Lidé měli společně upravovat stránky, přispívat a měnit je.
Dnes to tak nefunguje. Ale objevují se nové nástroje, které to mění:
- TabFS od Omara Rizwana ukázal sílu myšlení založeného na souborech
- Statické generátory jako 11ty dokazují, že krása nepotřebuje složitost
- Projekty jako mmm.page nebo Beaker Browser vrací decentralizaci a editaci uživateli
Všechny touží po době, kdy web byl jako hmatatelný dokument.
Experiment: HTML soubor, který se mění sám
Představte si index.html, který se upravuje přímo v prohlížeči. Žádný backend. Editujete obsah, vidíte změny hned a ukládáte je zpátky do souboru.
Zní to šíleně. HTML je normálně statické. Ale s browserovými API to jde.
Jak na to krok za krokem:
- Sledujte změny v DOM přes JavaScript eventy
- Převeďte DOM zpátky do HTML
- Použijte File API pro uložení do souboru
- Přidejte ovládací panel pro metadata, styly a strukturu
Výsledek? Živá stránka. Kliknete, upravíte, změny zůstanou. Soubor je zase vaším webem.
Nejen obsah: Správa metadat a stylů
Problém nastává u <head>. Tituly, meta tagy, CSS a skripty nejsou vidět v DOM.
Potřebujete panel nástrojů, kde:
- Změníte titulek, popis, klíčová slova
- Upravíte CSS přímo
- Nastavíte skripty a závislosti
- Spravujete JSON data
- Nahlednete před uložením
Je to jako vizuální editor pro celou strukturu stránky. Editujete její jádro.
Proč to má smysl dnes
Není to jen nostalgie. Má to reálný dopad:
Jednoduchý hosting: Stačí statický server. NameOcean cloud hosting, GitHub Pages nebo Netlify. Žádná databáze.
Verzování: HTML soubor je zdroj pravdy. Git funguje přirozeně.
Rychlost: Žádné serverové renderování. Čistý HTML se načte okamžitě.
Snadnost: I netechnici editují bez backendu. Sestra si udělá portfolio sama.
Nezávislost: Žádné vázání na platformy. HTML přežije všechny SaaS.
Co omezuje realitu
Samozřejmě limity:
- File API: Pro bezpečnost nelze psát kamkoli. Použijte backend API nebo download.
- Škálovatelnost: Super pro osobní stránky, ne pro appky s daty.
- Spolupráce: Více uživatelů potřebuje řešení konfliktů.
- Pokročilé funkce: Autentizace nebo realtime vyžaduje systém.
Jak si to postavit
Zkuste to. Základní logika:
// Sleduj edity
document.addEventListener('input', (e) => {
if (e.target.contentEditable === 'true') {
// Aktualizuj obsah
updateContent(e.target);
// Převeď na HTML
const html = document.documentElement.outerHTML;
// Ulož přes backend nebo download
saveFile(html);
}
});
Přidejte serverless funkci (AWS Lambda, Netlify) a máte to.
Změna pohledu
Tento přístup nutí přemýšlet jinak. Web a editor jsou jedno. Vracíte se k webcraftu – malým, srozumitelným projektům.
Není to pro velké appky. Ale pro blogy, portfolio, landing pages? Ideální.
Co dál?
Read-write web spí. Nástroje ho budí. Simplicitu jsme podcenili.
Není otázka, jestli to jde. Otázka je: Co byste vytvořili, kdybyste web editovali jako dokument?
Hostíte self-editing web? NameOcean cloud hosting a domény to zjednoduší. S serverless backendem máte rychlý web bez zbytečností.