Merge pull request #9 from prince-deriv/job-description-page

Prince/ add dynamic page for job-description

gatsby-node.js

@@ -1,7 +1,16 @@
 /* eslint-disable import/order */
 const path = require('path')
 
-exports.onCreatePage = () => {}
+exports.onCreatePage = async ({ page, actions }) => {
+    const { createPage } = actions
+
+    if (page.path.match(/^\/job-description/)) {
+        page.matchPath = '/job-description/*'
+
+        // Update the page.
+        createPage(page)
+    }
+}
 
 const StylelintPlugin = require('stylelint-webpack-plugin')
 const TerserPlugin = require('terser-webpack-plugin')

src/pages/job-description/[id].tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import type { PageProps } from 'gatsby'
+import Layout from 'common/components/layout/layout'
+
+const JobDescription = (props: PageProps) => {
+    return (
+        <Layout>
+            <>{props.params.id}</>
+        </Layout>
+    )
+}
+
+export default JobDescription