import React from 'react' import Head from 'next/head' import { get } from 'lodash' import { App } from '../../src/components/App' import Article from '../../src/components/Article' import Html from '../../src/components/Html' import menuModel from '../../src/models/menu' import { buildMenu } from '../../src/lib/menu' import { Meta } from '../../src/components/Meta' import { meta } from '../../src/lib/meta' import { createApiUrl, requestGet, wrapInitialProps } from '../../src/next-lib' const Page = (props) => ( {props.article.title}
) Page.getInitialProps = wrapInitialProps(async (ctx) => { const pageUrl = '/' const id = ctx.query.article const article = await requestGet(createApiUrl(ctx.req, `/api/articles/${id}`), {}) const image = get(article, 'preview.artifacts.fb', {}) return { article, pageUrl, meta: meta({ title: article.title, image: image.src, imageWidth: image.width, imageHeight: image.height, }), } }) export default Page