Tb/wrfl 1834 update (#262)

* updated mdx-utils.js and [slug].js

* updated public directory

Author: TomasBankauskas

pages/posts/[slug].js

@@ -3,7 +3,7 @@ import {
   getNextPostBySlug,
   getPostBySlug,
   getPreviousPostBySlug,
-  postFilePaths,
+  getPostFilePaths,
 } from '../../utils/mdx-utils';
 
 import { MDXRemote } from 'next-mdx-remote';
@@ -124,7 +124,7 @@ export const getStaticProps = async ({ params }) => {
 };
 
 export const getStaticPaths = async () => {
-  const paths = postFilePaths
+  const paths = getPostFilePaths()
     // Remove file extensions for page paths
     .map((path) => path.replace(/\.mdx?$/, ''))
     // Map the path into the static paths object required by Next.js

public/images/nextjs.svg

@@ -8,11 +8,12 @@ import remarkGfm from 'remark-gfm';
 // POSTS_PATH is useful when you want to get the path to a specific file
 export const POSTS_PATH = path.join(process.cwd(), 'posts');
 
-// postFilePaths is the list of all mdx files inside the POSTS_PATH directory
-export const postFilePaths = fs
-  .readdirSync(POSTS_PATH)
-  // Only include md(x) files
-  .filter((path) => /\.mdx?$/.test(path));
+// getPostFilePaths is the list of all mdx files inside the POSTS_PATH directory
+export const getPostFilePaths = () => {
+  return fs.readdirSync(POSTS_PATH)
+    // Only include md(x) files
+    .filter((path) => /\.mdx?$/.test(path));
+};
 
 export const sortPostsByDate = (posts) => {
   return posts.sort((a, b) => {
@@ -23,7 +24,7 @@ export const sortPostsByDate = (posts) => {
 };
 
 export const getPosts = () => {
-  let posts = postFilePaths.map((filePath) => {
+  let posts = getPostFilePaths().map((filePath) => {
     const source = fs.readFileSync(path.join(POSTS_PATH, filePath));
     const { content, data } = matter(source);