feat: add file-loader for video files and remark-gfm for GitHub markd…

…own syntax

app/syslog/[slug]/page.tsx

@@ -22,6 +22,7 @@ import Link from 'next/link';
 import { getMemberAvatarUrl } from '@/utils/Member';
 import testausorveli from '@/assets/testausorveli.png';
 import { PostsGrid } from '@/components/PostsGrid/PostsGrid';
+import remarkGfm from 'remark-gfm'
 
 // seems like next.js is bugging
 // https://github.com/vercel/next.js/issues/52765
@@ -77,7 +78,7 @@ async function getPost(slug: string): Promise<Post> {
     console.log("Getting post: ", slug)
     const { content } = await compileMDX<PostDetails>({
         source: raw,
-        options: { parseFrontmatter: true },
+        options: { parseFrontmatter: true, mdxOptions: {remarkPlugins: [remarkGfm]} },
         components: mdxComponents(slug)
       })
     const postDetails = await posts.getPostDetails(`${slug}/post.mdx`);

next.config.js

@@ -40,6 +40,18 @@ const config = {
     config.module.rules.push({ 
       test: /\.mdx$/, use: 'raw-loader' 
     })
+    const prefix = config.assetPrefix ?? config.basePath ?? '';
+    config.module.rules.push({
+      test: /\.mp4$/,
+      use: [{
+        loader: 'file-loader',
+        options: {
+          publicPath: `${prefix}/_next/static/media/`,
+          outputPath: `../${config.isServer ? '../' : ''}static/media/`,
+          name: '[name].[hash:8].[ext]',
+        },
+      }],
+    });
     return config
   }
 };