finish blogs setup (#50)

finish blog cards

.prettierignore

@@ -1,5 +1,6 @@
 # local env files
 .env*.local
+*.mdx
 
 # dependencies
 /node_modules

next.config.js

@@ -1,5 +1,4 @@
 /** @type {import('next').NextConfig} */
-const withMDX = require('@next/mdx')();
 
 const nextConfig = {
   images: {
@@ -12,28 +11,8 @@ const nextConfig = {
       },
     ],
   },
-  async headers() {
-    return [
-      {
-        source: '/api/:path*',
-        headers: [
-          { key: 'Access-Control-Allow-Credentials', value: 'true' },
-          { key: 'Access-Control-Allow-Origin', value: '*' },
-          {
-            key: 'Access-Control-Allow-Methods',
-            value: 'GET,OPTIONS,PATCH,DELETE,POST,PUT',
-          },
-          {
-            key: 'Access-Control-Allow-Headers',
-            value:
-              'X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version',
-          },
-        ],
-      },
-    ];
-  },
   productionBrowserSourceMaps: process.env.NODE_ENV !== 'production',
   pageExtensions: ['js', 'ts', 'jsx', 'tsx', 'mdx'],
 };
 
-module.exports = withMDX(nextConfig);
+module.exports = nextConfig;

package.json

@@ -62,6 +62,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "^9.0.1",
+    "react-syntax-highlighter": "^15.5.0",
+    "react-use": "^17.5.0",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.0",
     "sass": "^1.69.7",