-
- {pageTitle}
-
-
-
-
-
-
-
-
-
+
{
export async function getStaticProps({ params }) {
console.log(`Building Page %c${params.page}`, 'color: purple;');
- const href = params?.page ?? '';
- const id = unslugify(String(href));
+ const url = params?.page ?? '';
+ const id = unslugify(String(url));
try {
const cms = new CmsApi();
@@ -58,7 +58,7 @@ export async function getStaticProps({ params }) {
if (SideMenuItem[id]) {
page = await cms.fetchPageById(SideMenuItem[id]);
} else {
- page = await cms.fetchEntryBySlug(href, 'post');
+ page = await cms.fetchEntryBySlug(url, 'post');
// embedded links in post body need metadata for preview
page.body = await generateLinkMeta(page.body);
}
@@ -66,7 +66,6 @@ export async function getStaticProps({ params }) {
return {
props: {
page,
- href: `/${href}`,
},
revalidate: CMS.CONTENT_REVALIDATE_RATE,
};
@@ -79,16 +78,10 @@ export async function getStaticProps({ params }) {
}
}
-export default function Page({
- page,
- href,
-}: {
- page: ISplitPage | IPost;
- href: string;
-}) {
+export default function Page({ page }: { page: ISplitPage | IPost }) {
if (isPost(page)) {
- return
-
- {METADATA.TITLE_SUFFIX}
-
-
-
-
-
-
+
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 0a35800..8532f4e 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -1,56 +1,21 @@
-import Document, { Head, Html, Main, NextScript } from 'next/document';
-import React from 'react';
+import Document, {
+ DocumentContext,
+ Head,
+ Html,
+ Main,
+ NextScript,
+} from 'next/document';
+
+class MyDocument extends Document {
+ static async getInitialProps(ctx: DocumentContext) {
+ const initialProps = await Document.getInitialProps(ctx);
+ return { ...initialProps };
+ }
-export default class CustomDocument extends Document {
render() {
return (
-
-
-
-
-
-
-
-
-
-
-
-
- {this.props?.styleTags}
-
+
{
);
}
}
+
+export default MyDocument;
diff --git a/pages/api/sitemap.ts b/pages/api/sitemap.ts
new file mode 100644
index 0000000..0ab1082
--- /dev/null
+++ b/pages/api/sitemap.ts
@@ -0,0 +1,140 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import getConfig from 'next/config';
+import { readdirSync } from 'fs';
+
+import { CMS, METADATA, NAVIGATION } from '../../constants';
+import { CmsApi } from '../../services/cms';
+import { isLocal } from '../../utils/links';
+import { SideMenuItem } from '../../state/navigation';
+
+interface IRedirection {
+ source: string;
+ destination: string;
+ permanent: boolean;
+}
+
+export default async function handler(
+ req: NextApiRequest,
+ res: NextApiResponse,
+) {
+ const cms = new CmsApi();
+
+ const baseUrl = {
+ development: 'http://localhost:3000',
+ test: 'http://localhost:3000',
+ production: METADATA.HOST_URL,
+ }[process.env.NODE_ENV];
+
+ const staticPages = readdirSync('pages')
+ .filter(page => {
+ return ![
+ '.DS_Store',
+ '_app.tsx',
+ '_document.tsx',
+ '_error.tsx',
+ '404.tsx',
+ '[page].tsx',
+ 'sitemap.xml.tsx',
+ 'roadmap.tsx',
+ 'faq.tsx',
+ 'api',
+ 'tag',
+ ].includes(page);
+ })
+ .map(pagePath => {
+ if (pagePath.includes('index')) {
+ pagePath = '';
+ } else {
+ pagePath = pagePath.split('.tsx')[0];
+ }
+ return `${baseUrl}/${pagePath}`;
+ });
+
+ const navigationPages = Object.keys(NAVIGATION.SIDE_MENU_ITEMS)
+ .filter(url => {
+ return isLocal(NAVIGATION.SIDE_MENU_ITEMS[SideMenuItem[url]].href);
+ })
+ .map(key => {
+ return `${baseUrl}${NAVIGATION.SIDE_MENU_ITEMS[SideMenuItem[key]].href}`;
+ });
+
+ const redirectPages = getConfig().serverRuntimeConfig.redirects.map(
+ (redirect: IRedirection) => {
+ if (redirect.source.includes(':slug')) {
+ return '';
+ } else {
+ return `${baseUrl}${redirect.source}`;
+ }
+ },
+ );
+
+ const {
+ entries: _blogPages,
+ total: totalBlogPages,
+ } = await cms.fetchBlogEntries();
+ const blogPages = _blogPages.map(page => {
+ return {
+ url: `${baseUrl}/blog/${page.slug}`,
+ published: page.publishedDateISO,
+ };
+ });
+
+ const bloglistPages = [];
+ for (let i = 1; i <= totalBlogPages; i++) {
+ bloglistPages.push(`${baseUrl}/blog/${i}`);
+ }
+
+ const tags = await cms.fetchTagList();
+ const taglistPages = [];
+ for (const tag of Object.keys(tags)) {
+ const { entries, total } = await cms.fetchBlogEntriesByTag(tag);
+ const pageCount = Math.ceil(total / CMS.BLOG_RESULTS_PER_PAGE);
+ const _pages = [];
+
+ for (let i = 1; i <= pageCount; i++) {
+ _pages.push(`${baseUrl}/tag/${tag}/${i}`);
+ }
+
+ taglistPages.push(..._pages);
+ }
+
+ const sitemap = `
+
+ ${[
+ ...staticPages,
+ ...navigationPages,
+ ...redirectPages,
+ ...bloglistPages,
+ ...taglistPages,
+ ]
+ .map(url => {
+ return `
+
+ ${url}
+ ${new Date().toISOString()}
+ monthly
+ 1.0
+
+ `;
+ })
+ .join('')}
+ ${blogPages
+ .map(post => {
+ return `
+
+ ${post.url}
+ ${post.published}
+ monthly
+ 1.0
+
+ `;
+ })
+ .join('')}
+
+ `;
+
+ res.statusCode = 200;
+ res.setHeader('Content-Type', 'text/xml');
+ res.write(sitemap);
+ res.end();
+}
diff --git a/pages/blog/[[...page]].tsx b/pages/blog/[[...page]].tsx
index 1127db9..0c50e87 100644
--- a/pages/blog/[[...page]].tsx
+++ b/pages/blog/[[...page]].tsx
@@ -1,6 +1,5 @@
import { useEffect, ReactElement } from 'react';
import { GetStaticPaths, GetStaticProps, GetStaticPropsContext } from 'next';
-import Head from 'next/head';
import { useRouter } from 'next/router';
import { useDispatch } from 'react-redux';
@@ -9,8 +8,8 @@ import { CmsApi } from '../../services/cms';
import { PageType, setPageType } from '../../state/navigation';
import { IPath } from '../../types';
import { IPost } from '../../types/cms';
-import { generateTitle } from '../../utils/metadata';
+import CustomHead from '../../components/CustomHead';
import { ArticleCard } from '../../components/cards/ArticleCard';
import { ArticleCardFeature } from '../../components/cards/ArticleCardFeature';
import { CardGrid } from '../../components/cards/CardGrid';
@@ -31,8 +30,6 @@ export default function Blog(props: Props): ReactElement {
} = props;
const router = useRouter();
const dispatch = useDispatch();
- const pageTitle = generateTitle('Blog');
- const featuredImageURL = featuredPost?.featureImage?.imageUrl;
const paginationHandler = page => {
const newRoute = `/blog/${page.selected + 1}`;
@@ -45,25 +42,23 @@ export default function Blog(props: Props): ReactElement {
return (
<>
-
- {pageTitle}
-
-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/pages/faq.tsx b/pages/faq.tsx
index 2237fe2..ec63823 100644
--- a/pages/faq.tsx
+++ b/pages/faq.tsx
@@ -1,13 +1,13 @@
-import Head from 'next/head';
-import React from 'react';
import { GetStaticProps, GetStaticPropsContext } from 'next';
+
import { NAVIGATION, METADATA, CMS } from '../constants';
import { SideMenuItem } from '../state/navigation';
-import { generateTitle, generateURL } from '../utils/metadata';
import { CmsApi } from '../services/cms';
import { IFAQItem } from '../types/cms';
+
import { Accordion } from '../components/Accordion';
import { Contained } from '../components/Contained';
+import CustomHead from '../components/CustomHead';
export const getStaticProps: GetStaticProps = async (
context: GetStaticPropsContext,
@@ -32,42 +32,17 @@ interface Props {
function FAQ(props: Props) {
const { faqItems } = props;
- const pageTitle = generateTitle(
- NAVIGATION.SIDE_MENU_ITEMS[SideMenuItem.FAQ].label,
- );
- const pageURL = generateURL(
- NAVIGATION.SIDE_MENU_ITEMS[SideMenuItem.FAQ].href,
- );
- const imagePathLocal = 'img/faq.png';
- const imageURL = `${METADATA.OXEN_HOST_URL}/${imagePathLocal}`;
-
return (
<>
-
-