[WIP] New documentation site

[ndelangen]

Issue: -documentation system is limited and hard to maintain-

What I did

I build a new documentation site built with next.js

Goals

• pages based on markdown & react
• great multi-framework support ( progress by @ndelangen )
• pages should be fully viewable in GitHub
• great dev experience (HMR)
• great user experience (rich design)
• great accessibility
• fast, first paint and TTI
• automatic contributions ( progress by @ndelangen )
• multiple versions support ( progress by @igor-dv )
• deploy from CI to main URL when on master
• deploy to branch-URL when on PR ( handled by netlify )
• Place branch-URL on PR
• prepare for multi-language support
• provide a page with statistics on the repo & npm, maybe some nice graphs? ( why storybook )
• embed a storybook example
• list of community examples

How to test

It's on netlify

[Hypnosphi]

Great work! As far as I remember, you’ve deployed this to some custom domain. Can you bring it in?

[Hypnosphi]

Isn't the docsite supposed to work in a wider range of browsers?

[Hypnosphi]

Is there a chance that some of those components would be useful as part of @storybook/components?

[Hypnosphi]

Using close colours for background and text leads to bad readabiity =(

[Hypnosphi]

Are those lines really needed?

[codecov]

Codecov Report

Merging #1773 into master will increase coverage by 56.75%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master   #1773       +/-   ##
==========================================
+ Coverage   35.74%   92.5%   +56.75%     
==========================================
  Files         472       6      -466     
  Lines       10134      40    -10094     
  Branches     1196       2     -1194     
==========================================
- Hits         3622      37     -3585     
+ Misses       5784       2     -5782     
+ Partials      728       1      -727

Impacted Files	Coverage Δ
app/angular/bin/build.js
addons/storysource/src/loader/default-options.js
addons/storyshots/src/test-bodies.js
addons/knobs/src/vue/index.js
lib/ui/src/modules/shortcuts/index.js
addons/knobs/react.js
lib/components/src/navigation/routed_link.js
lib/core/src/client/preview/syncUrlWithStore.js
app/react/src/server/index.js
addons/storysource/src/preview.js
... and 452 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update d0d6e4f...f58a7a1. Read the comment docs.

[gabrielcsapo]

@ndelangen is this going to be merged or are the changes stale?

[ndelangen]

@gabrielcsapo thanks for the interest. @domyen is currently figuring out a improved design for this.

Likely a lot of this code is salvageable. It will need some upgrades for sure.

For not this is stale until we get the new design doc.