Přejít k navigační liště

Zdroják » Různé » JAM stack (Javascript + Api + Markup)

JAM stack (Javascript + Api + Markup)

Články Různé

V článku vám představíme JAM stack a nástroje k jeho použití.

Nálepky:

Text vyšel původně na autorově blogu.

Co to je JAM Stack? To je pojmenování moderního způsobu, jak vytvářet weby pomocí clientského Javascriptu, API a Markupu.

Tento stack není žádná novinka, ale dlouho chybělo dobré pojmenování. Nejlepší příklad většího použití podle mne je přechod Smashing Magazine, který pěkně poslali v článku.

Nejdůležitější věci co definují JAMstack:

  • používá CDN
  • používá místo databáze Git
  • markup se převádí pomocí automatického buildu

Javascript

Pokud máte JAMstack nemusíte rezignovat na CMS, je tu několik CMS napsaných jako Javascriptové SPA aplikace – A List of Content Management Systems for JAMstack Sites. Nejznámější řešení je Netlify CMS – An open-source CMS for your Git workflow, které je open source, ale i nabízená jako SaaS.

Zajímavé řešení není jen na Javascriptu, ale například na WordPressu, kde WordPress funguje jako CMS, ale stránky jsou staticky vygenerované. Další podobné řešení je Forestry a určitě najdete další.

API

Samozřejmě nevystačíte jen statickými stránkami, potřebujete přidat např. funkce na zpracování formulářů nebo napojení na eshop. Například Javascript Shopping Cart řeší eshop a můžete využít Serverless a implementovat co potřebujete pokud využijete GraphQL a například Graphcool kombinuje GraphQL a AWS Lambdu i jiné FaaS.

Další API které se používají například v Smashing magazine a jsou open source.

Markup

Statické generátory (jekyllhugo) jsou oblíbené a najdete jich velký seznam na Top Open-Source Static Site Generators. Například Hugo je napsaný v Go langu a je velmi rychlý a stále se hodně rozvíjí. Jekyll se součást Github Pages, a proto je hodně oblíbený mezi vývojáři na Githubu.

Závěr

Pokud vás JAMStack zaujal, doporučuji podcast JAMstack Radio, kde najdete spoustu zajímavých hostů a zdrojů k inspiraci.

Pokud si chcete popovídat o GraphQL, zastavte se na Hive talks 11.7. v Karlíně.

Komentáře

Odebírat
Upozornit na
guest
2 Komentářů
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře
Skeptik

K čemu to je dobré?

Tomáš Jurman

Je to super! Díky za článek.

to Skeptik:

  1. Všechny vrstvy máš pěkně oddělené – zjednodušení.
  2. Škáluje to

Přístupnost není jen o splnění norem: nový pohled na inkluzivní design

Přístupnost a inkluze možná nepatří mezi nejžhavější témata digitálního světa – dokud o nich nezačne mluvit Vitaly Friedman. Na WebExpo 2024 předvedl, že inkluzivní design není jen o splněných checkboxech, ale hlavně o lidech. S energií sobě vlastní obrátil zažité přístupy naruby a ukázal, že skutečně přístupný web je nejen možný, ale i nezbytný.

Efektivnější vývoj UI nebo API: Co si odnést z WebExpo 2025?

Různé
Komentáře: 0
Jak snadno implementovat moderní uživatelské rozhraní? Které funkce brzdí rychlost vašeho webu? A kdy raději sami přibrzdit, abychom využitím AI nepřekročili etické principy? Debatu aktuálních dev témat rozdmýchá sedmnáctý ročník technologické konference WebExpo, která proběhne v Praze od 28. do 30. května. Který talk či workshop si rozhodně nenechat ujít? Toto je náš redakční výběr z vývojářských hroznů.

Zapřáhněte AI jako nikdy předtím. Květnová konference WebExpo přivítá hvězdy technologického světa

Od 28. do 30. května 2025 promění pražský Palác Lucerna na tři dny technologická konference WebExpo. Na programu je více než 80 přednášek a workshopů od expertů z celého světa. WebExpo tradičně propojuje vývojáře, designéry, marketéry i byznysové lídry a nabízí praktické dovednosti, strategické myšlení a přináší nejnovější trendy nejen v oblasti AI.