Create your project pages with Next.js and React hosted by Github.

Next gh-pages example:

https://github.com/zeit/next.js/tree/canary/examples/gh-pages

Follow Next.js static-html-export guide to start.
https://github.com/zeit/next.js/#static-html-export

This is a way to run your Next.js app as a standalone static app without any Node.js server.

Example :

https://github.com/thierryc/Next-gh-page-example

https://thierryc.github.io/Next-gh-page-example/

Setup your Next.js app as a standalone GitHub Pages.

Add your “out” folder to your master branch.

> git add out > git commit -m "Initial out subtree commit gh-pages"

It is now possible to completely bypass Jekyll processing on GitHub Pages by creating a file named .nojekyll in the root of your pages repo and pushing it to GitHub.

> touch out/.nojekyll> git add out/.nojekyll> git commit -m "add nojekyll file to bypass Jekyll on GitHub…


Image for post
Image for post
Atom.io theme: Dark Side of the Moon syntax theme

StepByStep how to get headless Chrome up and running on OSX

👍 Headless Chrome has been released in Chrome 59…

  1. Juste download install the last Chrome if is not !
DO NOT install brew google-chrome-canary anymore ! 😀

👻 I am still working with PhantomJS and Nightmare.

2. In your project add chrome alias.

alias chrome="/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome"Enter it in terminal window. (Once by sessions)

For Chrome Canary

alias canary="/Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary"

Or use the absolute path "/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome"

3. Try your Headless Chrome

chrome --headless --disable-gpu --dump-dom https://google.com/or print-to-pdf !chrome --headless --disable-gpu --print-to-pdf http://www.autreplanete.com/


Image for post
Image for post

Part 1/2. Use Group Resizing and Dynamic Symbols.

The table is the best UI component of displaying a lot of listed data in an organized way.

Visual Guide

About

Autre Planete

Thierry Charbonnel personal Account (Autre planete Web Design Studio - NYC and Paris) http://anotherplanet.io

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store