Static site generation

on steroids

  1. Describe your site in a common templating language (Jade, Handlebars, etc..)
  2. While in development, start a local web server and add "watchers" that will listen for content changes and re-render the site
  3. Finally, you render the whole site in static HTML and deploy

The old way

Enter the new world order!

Describe your site in React.js

Not cause it's cool, but rather cause it (and its ecosystem) does an amazing job

class HelloMessage extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}

STATIC HTML

DOM

TREE

=

Server Side Rendering

=

Client Side

Rendering

Write code like a boss

  • Hot reload
  • Modularized Code
  • Webpack plugins (that can do everything)

 

This is Phenomic

It's live coding time.

Thanks

man!

Static site generation

By Kostas Bariotis

Static site generation

  • 1,750