mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
c4b9e079bf
The current reasonml needs an example of how to do getInitialProps. tmepple posted the only known way of doing it in [this comment](https://github.com/zeit/next.js/issues/4202#issuecomment-439175214). It is unlikely reasonml users are going to discover that comment or figure it out on their own so having it in an example is critical. Also, dependencies updated. After updating dependencies, I get this error: ``` ModuleBuildError: Module build failed (from ./node_modules/next/dist/build/webpack/loaders/next-babel-loader.js): [1] Error: Cannot find module '@babel/core' [1] babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'. ``` Seems like @babel/core is required as peer dependency per [this comment](https://github.com/babel/gulp-babel/issues/124#issuecomment-326853222) so I added it. The way to do getInitialProps has changed in 7.0.2 canary so this also has a comment in the code about what change is required to get that working.
45 lines
1.2 KiB
ReasonML
45 lines
1.2 KiB
ReasonML
let component = ReasonReact.statelessComponent("Index");
|
|
|
|
let make = (~onServer, _children) => {
|
|
...component,
|
|
render: _self =>
|
|
<div>
|
|
<Header />
|
|
<p>
|
|
{ReasonReact.string("HOME PAGE is here!")}
|
|
<br />
|
|
{ReasonReact.string("onServer: " ++ string_of_bool(onServer))}
|
|
</p>
|
|
<Counter />
|
|
</div>,
|
|
};
|
|
|
|
let default = ReasonReact.wrapReasonForJs(~component, jsProps => make(~onServer=jsProps##onServer, [||]));
|
|
|
|
/* The way to do getInitialProps: https://github.com/zeit/next.js/issues/4202#issuecomment-439175214 */
|
|
let getInitialProps = context =>
|
|
Js.Promise.make((~resolve, ~reject as _) => {
|
|
let onServer =
|
|
switch (Js.Nullable.toOption(context##req)) {
|
|
| None => false
|
|
| Some(_) => true
|
|
};
|
|
resolve(. {"onServer": onServer});
|
|
});
|
|
|
|
/* In 7.0.2 canary, you must remove the Js.Promise.make wrapper */
|
|
/*
|
|
let getInitialProps = context => {
|
|
let onServer =
|
|
switch (Js.Nullable.toOption(context##req)) {
|
|
| None => false
|
|
| Some(_) => true
|
|
};
|
|
{"onServer": onServer};
|
|
};
|
|
*/
|
|
|
|
let inject = [%bs.raw {| (cls, fn) => cls.getInitialProps = fn |}];
|
|
|
|
inject(default, getInitialProps);
|