refactor: about me.

fezcode · fezcode · commit d95245627d00 · 2025-11-18T01:23:38.000+03:00
diff --git a/craco.config.js b/craco.config.js
@@ -7,6 +7,20 @@ module.exports = {
         pathRewrite: { '^/api/show-my-ip': '' },
       },
     },
+    setupMiddlewares: (middlewares, devServer) => {
+      if (!devServer) {
+        throw new Error('webpack-dev-server is not defined');
+      }
+
+      devServer.app.use((req, res, next) => {
+        if (req.path.endsWith('.piml')) {
+          res.set('Content-Type', 'text/plain');
+        }
+        next();
+      });
+
+      return middlewares;
+    },
   },
   webpack: {
     configure: (webpackConfig, { env, paths }) => {
diff --git a/public/about-me/about.piml b/public/about-me/about.piml
@@ -0,0 +1,2 @@
+(title) About Me👨‍💻
+(email) samil.bulbul@gmail.com
diff --git a/public/about-me/about.txt b/public/about-me/about.txt
@@ -4,8 +4,6 @@ I'm a big fan of open-source and love the challenge of solving tricky problems.
 When I'm not coding, you can probably find me exploring new tech or enjoying a good cup of coffee ☕.
 I'm always learning and excited to see what's next!
 
-
-
 ## Experience
 
 1.  **Senior Software Engineer** at *Picus Security* (Oct 2022 - Sep 2025)
@@ -29,4 +27,4 @@ I'm always learning and excited to see what's next!
 
 *   **🎵 Making Music:** I'm currently exploring the world of music production, creating some sick beats and melodies. It's a fun way to unwind and get creative, but my tracks are still top secret! 🤫
 *   **📚 Reading:** Trying to read all the books I purchase... It's a work in progress!
-*   **🤔 Thinking about:** How to build the perfect mechanical keyboard and create the best sound system.
+*   **🤔 Thinking about:** How to build the perfect mechanical keyboard and create the best sound system.
diff --git a/public/data/about.json b/public/data/about.json
diff --git a/src/pages/AboutPage.js b/src/pages/AboutPage.js
@@ -7,6 +7,7 @@ import {
   EnvelopeIcon,
 } from '@phosphor-icons/react';
 import useSeo from '../hooks/useSeo';
+import piml from 'piml';
 
 const LinkRenderer = ({ href, children }) => {
   const isExternal = href.startsWith('http') || href.startsWith('https');
@@ -45,15 +46,16 @@ const AboutPage = () => {
     const fetchAboutContent = async () => {
       try {
         const [metaResponse, contentResponse] = await Promise.all([
-          fetch('/data/about.json'),
-          fetch('/about.txt'),
+          fetch('/about-me/about.piml'),
+          fetch('/about-me/about.txt'),
         ]);
 
         let attributes = {};
         if (metaResponse.ok) {
-          attributes = await metaResponse.json();
+          const pimlText = await metaResponse.text();
+          attributes = piml.parse(pimlText);
         } else {
-          console.error('Failed to fetch about.json');
+          console.error('Failed to fetch about.piml');
         }
 
         let body = '';

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+(title) About Me👨‍💻`
	`2`	`+(email) samil.bulbul@gmail.com`