Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

38 lines
1008 B

import Error from "next/error";
import GuideLayout from 'layouts/guide';
import { serverOnlyProps } from 'lib/server';
import GuideHeader from 'components/guide-header';
import GuideBody from 'components/guide-body';
import GuideFooter from 'components/guide-footer';
import { getRequestedGuide } from 'lib/guide';
import Helmet from 'components/helmet';
import siteConfig from 'content/site';
5 years ago
const Guide = ({ guide, canonical }) => {
if (!guide) {
return <Error statusCode={ 404 } />
}
5 years ago
return (
<GuideLayout>
<Helmet
title={ guide.title }
description={ guide.description }
canonical={ guide.canonical || canonical }
/>
<GuideHeader guide={ guide } />
<GuideBody guide={ guide } />
<GuideFooter guide={ guide } />
5 years ago
</GuideLayout>
);
};
Guide.getInitialProps = serverOnlyProps(async ({ req }) => {
5 years ago
return {
canonical: `${siteConfig.url.web}${req.url}`,
guide: await getRequestedGuide(req),
5 years ago
};
});
export default Guide;