blob: 742532fe4e45dc7f9652c71c6ef94d13f26d4f47 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
import App, { Container } from 'next/app';
import { ApolloProvider } from 'react-apollo';
import withData from '../lib/withData';
import { CURRENT_USER_QUERY } from '../queries/queries.graphql';
import Page from '../components/Page';
import cookie from 'cookie';
// Next.js wraps each Page in an <App></App> component. This is handy for when you want to persist anything from page to page, or just access a component that is 1 level higher than each page.
// here we use App from next/app and wrap it with withData so we can get Apollo and SSR
class MyApp extends App {
// componentDidMount() {
// if (typeof window !== 'undefined' && !window.__CLIENTLOADED__) {
// this.props.apollo.query({ query: CURRENT_USER_QUERY, fetchPolicy: 'network-only' });
// window.__CLIENTLOADED__ = true;
// }
// }
static async getInitialProps({ Component, ctx }) {
if (!process.browser && ctx.req.headers.cookie) {
// if we are SSR, pass along the cookie to apollo
console.log('On the server');
const cookies = cookie.parse(ctx.req.headers.cookie);
console.log(cookies.token);
}
let pageProps = {};
if (Component.getInitialProps) {
pageProps = await Component.getInitialProps(ctx);
}
pageProps.query = ctx.query;
return { pageProps };
}
render() {
const { Component, pageProps, apollo } = this.props;
return (
<Container>
<ApolloProvider client={apollo}>
<Page>
<Component {...pageProps} />
</Page>
</ApolloProvider>
</Container>
);
}
}
export default withData(MyApp);
|
