krystofmatejka / xo

react & graphql five in a row implementation

The static stack

Minimalistický stack pro psaní moderního javascriptu s podporou serverového renderování.

Další příklady konfigurace můžete najít na este. Production ready stack next.js

Setup

• webpack
• babel
• react
  • styled components
  • flow
• server side rendering

Inicializace

git clone [email protected]:kxmatejka/the-static-stack.git {new-project-name}
cd {new-project-name}
git remote set-url origin {new-project-git-origin}
npm install

Vývoj

Webpack dev server zajistí vývojový server a hot reloading.

npm run watch

Produkce

V produkčním prostředí je kód sestaven do buildů pro klient a server. Klientský build je servírován klientovi a serverový build slouží pro sestavení statické html stránky.

Uživatel bez javascriptu vidí alespoň statický obsah, zatímco uživateli s javasciptem se po načtení klientského buildu zapne interaktivní funkcionalita.

Na server stačí nahrát pouze obsah adresáře build.

npm run build