diff --git a/public/pdfs/roadmaps/devrel.pdf b/public/pdfs/roadmaps/devrel.pdf
new file mode 100644
index 000000000..e9f12a6c3
Binary files /dev/null and b/public/pdfs/roadmaps/devrel.pdf differ
diff --git a/public/roadmaps/devrel.png b/public/roadmaps/devrel.png
new file mode 100644
index 000000000..60838e774
Binary files /dev/null and b/public/roadmaps/devrel.png differ
diff --git a/src/components/RelatedRoadmaps.astro b/src/components/RelatedRoadmaps.astro
index baee80e74..e971f3fc3 100644
--- a/src/components/RelatedRoadmaps.astro
+++ b/src/components/RelatedRoadmaps.astro
@@ -24,9 +24,6 @@ const relatedQuestionDetails = await getQuestionGroupsByIds(relatedQuestions);
           <span class='text-md flex items-center rounded-md border bg-white px-3 py-1 font-medium'>
             <Clipboard className='mr-1.5 text-black' size='17px' />
             Test your Knowledge
-            <span class='ml-2 rounded-md border border-yellow-300 bg-yellow-100 px-1 py-0.5 text-xs uppercase'>
-              New
-            </span>
           </span>
           <a
             href='/questions'
diff --git a/src/components/Roadmaps/RoadmapsPage.tsx b/src/components/Roadmaps/RoadmapsPage.tsx
index 8b14aeb0a..c6a6ca2f4 100644
--- a/src/components/Roadmaps/RoadmapsPage.tsx
+++ b/src/components/Roadmaps/RoadmapsPage.tsx
@@ -321,6 +321,11 @@ const groups: GroupType[] = [
         link: '/product-manager',
         type: 'role',
       },
+      {
+        title: 'DevRel Engineer',
+        link: '/devrel',
+        type: 'role',
+      },
     ],
   },
   {
diff --git a/src/data/roadmaps/devrel/content/building-a-personal-brand@HN2gNsYYRLVOOdy_r8FKJ.md b/src/data/roadmaps/devrel/content/building-a-personal-brand@HN2gNsYYRLVOOdy_r8FKJ.md
new file mode 100644
index 000000000..6426e6bd4
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/building-a-personal-brand@HN2gNsYYRLVOOdy_r8FKJ.md
@@ -0,0 +1 @@
+# Building a Personal Brand
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/conference-speaking@ue0NaNnNpF7UhvJ8j0Yuo.md b/src/data/roadmaps/devrel/content/conference-speaking@ue0NaNnNpF7UhvJ8j0Yuo.md
new file mode 100644
index 000000000..92e06ff60
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/conference-speaking@ue0NaNnNpF7UhvJ8j0Yuo.md
@@ -0,0 +1 @@
+# Conference Speaking
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/continuous-learning@bwwk6ESNyEJa3fCAIKPwh.md b/src/data/roadmaps/devrel/content/continuous-learning@bwwk6ESNyEJa3fCAIKPwh.md
new file mode 100644
index 000000000..ef03edf27
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/continuous-learning@bwwk6ESNyEJa3fCAIKPwh.md
@@ -0,0 +1 @@
+# Continuous Learning
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/google-analytics@I7RBMfoD30OstVLeTrMs9.md b/src/data/roadmaps/devrel/content/google-analytics@8xrhjG9qmbsoBC3F8zS-b.md
similarity index 100%
rename from src/data/roadmaps/devrel/content/google-analytics@I7RBMfoD30OstVLeTrMs9.md
rename to src/data/roadmaps/devrel/content/google-analytics@8xrhjG9qmbsoBC3F8zS-b.md
diff --git a/src/data/roadmaps/devrel/content/media-appearances@QrDqUGWC2t9r6p4aR8I5g.md b/src/data/roadmaps/devrel/content/media-appearances@QrDqUGWC2t9r6p4aR8I5g.md
new file mode 100644
index 000000000..57bd71c3a
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/media-appearances@QrDqUGWC2t9r6p4aR8I5g.md
@@ -0,0 +1 @@
+# Media Appearances
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/meetups@HIIqlnZ4Vad_1o4F0lkv-.md b/src/data/roadmaps/devrel/content/meetups@HIIqlnZ4Vad_1o4F0lkv-.md
new file mode 100644
index 000000000..7cf132984
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/meetups@HIIqlnZ4Vad_1o4F0lkv-.md
@@ -0,0 +1 @@
+# Meetups
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/networking-strategies@4ygpqUK70hI5r1AmmfMZq.md b/src/data/roadmaps/devrel/content/networking-strategies@4ygpqUK70hI5r1AmmfMZq.md
new file mode 100644
index 000000000..83ec506b2
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/networking-strategies@4ygpqUK70hI5r1AmmfMZq.md
@@ -0,0 +1 @@
+# Networking Strategies
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/online-communities@lMbj0WdoEia_tdpO5rXph.md b/src/data/roadmaps/devrel/content/online-communities@lMbj0WdoEia_tdpO5rXph.md
new file mode 100644
index 000000000..d398f5b9f
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/online-communities@lMbj0WdoEia_tdpO5rXph.md
@@ -0,0 +1 @@
+# Online Communities
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/open-source@NhQUDVA9q1hnV44EKapbU.md b/src/data/roadmaps/devrel/content/open-source@NhQUDVA9q1hnV44EKapbU.md
new file mode 100644
index 000000000..ac6464b21
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/open-source@NhQUDVA9q1hnV44EKapbU.md
@@ -0,0 +1 @@
+# Open-Source
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/publishing@I7RBMfoD30OstVLeTrMs9.md b/src/data/roadmaps/devrel/content/publishing@I7RBMfoD30OstVLeTrMs9.md
new file mode 100644
index 000000000..abe6c2ff5
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/publishing@I7RBMfoD30OstVLeTrMs9.md
@@ -0,0 +1 @@
+# Publishing
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/content/regular-reports@wcfrXA9zWZ4Taey7mR2yG.md b/src/data/roadmaps/devrel/content/regular-reports@U2QKCu6TvDuxSNRfdM74n.md
similarity index 100%
rename from src/data/roadmaps/devrel/content/regular-reports@wcfrXA9zWZ4Taey7mR2yG.md
rename to src/data/roadmaps/devrel/content/regular-reports@U2QKCu6TvDuxSNRfdM74n.md
diff --git a/src/data/roadmaps/devrel/content/thought-leadership@wcfrXA9zWZ4Taey7mR2yG.md b/src/data/roadmaps/devrel/content/thought-leadership@wcfrXA9zWZ4Taey7mR2yG.md
new file mode 100644
index 000000000..1ec7dfcbf
--- /dev/null
+++ b/src/data/roadmaps/devrel/content/thought-leadership@wcfrXA9zWZ4Taey7mR2yG.md
@@ -0,0 +1 @@
+# Thought Leadership
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/devrel.json b/src/data/roadmaps/devrel/devrel.json
index ebfa228e5..c8cf61fee 100644
--- a/src/data/roadmaps/devrel/devrel.json
+++ b/src/data/roadmaps/devrel/devrel.json
@@ -898,7 +898,7 @@
       "id": "ocnvHsixvBpr2fvjtqFmU",
       "type": "paragraph",
       "position": {
-        "x": -309.61787473083643,
+        "x": -311.11787473083643,
         "y": 248.57554665444889
       },
       "selected": false,
@@ -918,7 +918,7 @@
       "width": 232,
       "height": 68,
       "positionAbsolute": {
-        "x": -309.61787473083643,
+        "x": -311.11787473083643,
         "y": 248.57554665444889
       },
       "dragging": false,
@@ -1827,7 +1827,7 @@
       "id": "_4Ubxcll8Qub02pbrhLxr",
       "type": "horizontal",
       "position": {
-        "x": 51.92254380155521,
+        "x": 53.52,
         "y": 967.9174986269228
       },
       "selected": false,
@@ -1844,7 +1844,7 @@
       "height": 20,
       "dragging": false,
       "positionAbsolute": {
-        "x": 51.92254380155521,
+        "x": 53.52,
         "y": 967.9174986269228
       },
       "style": {
@@ -2596,42 +2596,6 @@
       "dragging": false,
       "focusable": true
     },
-    {
-      "id": "656UmcgVbEk-EFFNDWlDq",
-      "type": "paragraph",
-      "position": {
-        "x": -316.11787473083643,
-        "y": 1234.057254188356
-      },
-      "selected": false,
-      "data": {
-        "label": "Community Building",
-        "style": {
-          "fontSize": 20,
-          "borderColor": "transparent",
-          "backgroundColor": "transparent",
-          "color": "#000000",
-          "justifyContent": "flex-start",
-          "padding": 16,
-          "textAlign": "left"
-        },
-        "oldId": "vfypDCmYXeqPxm6lIly2r"
-      },
-      "zIndex": 999,
-      "width": 230,
-      "height": 65,
-      "positionAbsolute": {
-        "x": -316.11787473083643,
-        "y": 1234.057254188356
-      },
-      "dragging": false,
-      "focusable": true,
-      "style": {
-        "width": 230,
-        "height": 65
-      },
-      "resizing": false
-    },
     {
       "width": 229,
       "height": 49,
@@ -3245,7 +3209,7 @@
       "type": "paragraph",
       "position": {
         "x": -704.0446939322721,
-        "y": 2190.14912473063
+        "y": 2183.64912473063
       },
       "selected": false,
       "data": {
@@ -3263,15 +3227,16 @@
       },
       "zIndex": 999,
       "width": 195,
-      "height": 55,
+      "height": 70,
       "positionAbsolute": {
         "x": -704.0446939322721,
-        "y": 2190.14912473063
+        "y": 2183.64912473063
       },
       "dragging": false,
       "focusable": true,
       "style": {
-        "width": 195
+        "width": 195,
+        "height": 70
       },
       "resizing": false
     },
@@ -4549,7 +4514,7 @@
       "type": "paragraph",
       "position": {
         "x": -220.6292575725566,
-        "y": 2328.228142753175
+        "y": 2322.228142753175
       },
       "selected": false,
       "data": {
@@ -4567,16 +4532,16 @@
       },
       "zIndex": 999,
       "width": 247,
-      "height": 54,
+      "height": 65,
       "positionAbsolute": {
         "x": -220.6292575725566,
-        "y": 2328.228142753175
+        "y": 2322.228142753175
       },
       "dragging": false,
       "focusable": true,
       "style": {
         "width": 247,
-        "height": 54
+        "height": 65
       },
       "resizing": false
     },
@@ -5059,8 +5024,8 @@
       "id": "rDZoFZFaTG-_eKCKVzuU_",
       "type": "paragraph",
       "position": {
-        "x": -467.0654595100779,
-        "y": 3021.177637527436
+        "x": -467.3901779625485,
+        "y": 3016.677637527436
       },
       "selected": false,
       "data": {
@@ -5078,16 +5043,16 @@
       },
       "zIndex": 999,
       "width": 213,
-      "height": 53,
+      "height": 62,
       "positionAbsolute": {
-        "x": -467.0654595100779,
-        "y": 3021.177637527436
+        "x": -467.3901779625485,
+        "y": 3016.677637527436
       },
       "dragging": false,
       "focusable": true,
       "style": {
         "width": 213,
-        "height": 53
+        "height": 62
       },
       "resizing": false
     },
@@ -5511,8 +5476,8 @@
       "id": "bLs4BQ15ajuM6kdYjDBVB",
       "type": "paragraph",
       "position": {
-        "x": -268.57711620062577,
-        "y": 3189.1042117919405
+        "x": -269.07711620062577,
+        "y": 3184.1042117919405
       },
       "selected": false,
       "data": {
@@ -5529,17 +5494,17 @@
         "oldId": "rDZoFZFaTG-_eKCKVzuU_"
       },
       "zIndex": 999,
-      "width": 226,
-      "height": 55,
+      "width": 227,
+      "height": 65,
       "positionAbsolute": {
-        "x": -268.57711620062577,
-        "y": 3189.1042117919405
+        "x": -269.07711620062577,
+        "y": 3184.1042117919405
       },
       "dragging": false,
       "focusable": true,
       "style": {
-        "width": 226,
-        "height": 55
+        "width": 227,
+        "height": 65
       },
       "resizing": false
     },
@@ -5930,6 +5895,68 @@
         "height": 84
       },
       "resizing": false
+    },
+    {
+      "id": "9KGr7c7SKxXq3kn8In0I2",
+      "type": "paragraph",
+      "position": {
+        "x": -308.61787473083643,
+        "y": 1233.057254188356
+      },
+      "selected": false,
+      "data": {
+        "label": "Community Building",
+        "style": {
+          "fontSize": 20,
+          "borderColor": "transparent",
+          "backgroundColor": "transparent",
+          "color": "#000000",
+          "justifyContent": "flex-start",
+          "padding": 16,
+          "textAlign": "left"
+        }
+      },
+      "zIndex": 999,
+      "width": 215,
+      "height": 67,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -308.61787473083643,
+        "y": 1233.057254188356
+      }
+    },
+    {
+      "id": "Hi6E8R4-iQtZVnus3np_5",
+      "type": "button",
+      "position": {
+        "x": -322.61787473083643,
+        "y": 1160.057254188356
+      },
+      "selected": false,
+      "data": {
+        "label": "API Design",
+        "href": "https://roadmap.sh/api-design",
+        "color": "#ffffff",
+        "backgroundColor": "#2a79e4",
+        "style": {
+          "fontSize": 17
+        },
+        "oldId": "_xPaDBsBUmWfkIivfFur4"
+      },
+      "zIndex": 999,
+      "width": 241,
+      "height": 49,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -322.61787473083643,
+        "y": 1160.057254188356
+      },
+      "style": {
+        "width": 241,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
     }
   ],
   "edges": [
@@ -6684,42 +6711,6 @@
       "selected": false,
       "focusable": true
     },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "x6KFf4akYuUYkNhrUwj1r",
-      "sourceHandle": "z2",
-      "target": "656UmcgVbEk-EFFNDWlDq",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-x6KFf4akYuUYkNhrUwj1rz2-656UmcgVbEk-EFFNDWlDqy1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "656UmcgVbEk-EFFNDWlDq",
-      "sourceHandle": "x2",
-      "target": "GvmXdWiwITgWzx_f5_ick",
-      "targetHandle": "w2",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-656UmcgVbEk-EFFNDWlDqx2-usorG1GkkvGAZ0h_AGHVkw2",
-      "selected": false,
-      "focusable": true
-    },
     {
       "style": {
         "strokeDasharray": "0.8 8",
@@ -7657,6 +7648,40 @@
       },
       "id": "reactflow__edge-bwwk6ESNyEJa3fCAIKPwhx2-efMgmXBHUjeBY2g19-o6pw1",
       "selected": false
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "GvmXdWiwITgWzx_f5_ick",
+      "sourceHandle": "w2",
+      "target": "9KGr7c7SKxXq3kn8In0I2",
+      "targetHandle": "x1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-GvmXdWiwITgWzx_f5_ickw2-9KGr7c7SKxXq3kn8In0I2x1",
+      "selected": false
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "x6KFf4akYuUYkNhrUwj1r",
+      "sourceHandle": "z2",
+      "target": "9KGr7c7SKxXq3kn8In0I2",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-x6KFf4akYuUYkNhrUwj1rz2-9KGr7c7SKxXq3kn8In0I2y1",
+      "selected": false
     }
   ]
 }
\ No newline at end of file
diff --git a/src/data/roadmaps/devrel/devrel.md b/src/data/roadmaps/devrel/devrel.md
index 96448e22c..b23b44c5f 100644
--- a/src/data/roadmaps/devrel/devrel.md
+++ b/src/data/roadmaps/devrel/devrel.md
@@ -9,6 +9,7 @@ title: 'DevRel Engineer'
 description: 'Step by step guide to becoming a DevRel Engineer in 2024'
 hasTopics: true
 isForkable: false
+isNew: true
 question:
   title: 'What is DevRel Engineering?'
   description: |
@@ -18,7 +19,7 @@ question:
     Building relationships with developers and the developer community, creating technical resources and content, representing the company at events and conferences, providing support and advocacy for developers, and helping developers understand and use the company's products and services.
 dimensions:
   width: 968
-  height: 3500
+  height: 3550
 schema:
   headline: 'DevRel Roadmap: What is DevRel Engineering?'
   description: 'Learn what DevRel is, what developer advocates do and how to become one using our community-driven roadmap.'
@@ -59,8 +60,6 @@ relatedRoadmaps:
   - 'backend'
   - 'full-stack'
   - 'product-manager'
-relatedQuestions:
-  - 'javascript'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/data/roadmaps/devrel/faqs.astro b/src/data/roadmaps/devrel/faqs.astro
index 4f9347067..a49ba4844 100644
--- a/src/data/roadmaps/devrel/faqs.astro
+++ b/src/data/roadmaps/devrel/faqs.astro
@@ -1,43 +1,2 @@
 ---
-import type { FAQType } from '../../components/FAQs/FAQs.astro';
-
-export const faqs: FAQType[] = [
-  {
-    question: 'How to become a Backend Developer?',
-    answer: [
-      "If you are a complete beginner who is just getting started, you can start by learning a backend programming language such as Python, Ruby, Java, Go etc. Once you have got the basic to intermediate understanding of the language, learn about the package manager for that language and learn how to install and use external packages into your applications. Learn the basics of some relational database e.g. PostgreSQL and learn how to run simple CRUD operations. Optionally, you can pick up and learn a web framework for the language of your choice as well. Learn how to build a simple RESTful API and implement simple Authentication/Authorization into it. While you are learning all the items mentioned above, don't forget to learn about Git and GitHub as well.",
-      'After following all the instructions above, you can start applying for the entry level backend developer jobs. Also, look at the backend developer roadmap above to get an idea about the landscape and see what else you are missing. A degree in computer science or related field is not always necessary but networking, building a portfolio and actively seeking internships, junior developer positions or consulting can help to start and advance a career as a backend developer.',
-      "Note: remember to create a lot of [projects](https://roadmap.sh/backend/project-ideas) while you are learning to solidify your understanding of the concepts. Also, it's important to have the attitude of continuous learning to improve your [skills](https://roadmap.sh/backend/developer-skills) and be prepared for the fast-paced technology evolution in the industry.",
-    ],
-  },
-  {
-    question: 'How long does it take to become a Backend Developer?',
-    answer: [
-      'The amount of time it takes to become a backend developer can vary depending on several factors, such as your learning pace, previous experience and the amount of time you are able to dedicate to learning.',
-      'If you have a background in computer science or a related field, and have experience with programming, you may be able to become a backend developer relatively quickly, potentially within a few months. However, if you are starting with little or no prior experience or education in computer science, it may take longer to develop the necessary skills and gain the experience needed to be a proficient backend developer. It could take anywhere from 6 months to 2 years.',
-    ],
-  },
-  {
-    question: 'What are the Backend Developer salaries?',
-    answer: [
-      'Backend developer salaries can vary depending on factors such as location, experience, and company size. According to data from Glassdoor, the average base salary for a backend developer in the United States is around $92,000 per year. However, this number can vary greatly depending on location, with the highest-paying cities such as San Francisco, Seattle and New York having an average salary of $120,000 to $135,000 per year.',
-      "It's important to keep in mind that these are just averages, and salaries can vary greatly depending on factors such as experience level, specific skills, and the company you work for. With more experience and specific skills relevant to the job you are applying for you can expect to earn more.",
-      'It is worth looking at a range of resources, including salary surveys, and job boards to get a general understanding of the current market in your location and experience level. Also try reaching out to other professionals in the field and getting an understanding of their own experience and salary ranges.',
-    ],
-  },
-  {
-    question: 'Should I learn everything listed on the Backend Roadmap?',
-    answer: [
-      "This roadmap contains everything that you might encounter while working as a Backend Developer. You may not need everything listed on this roadmap to get into the industry; every job is different and most of the jobs will require a subset of the items on the roadmap. However, knowing what you don't know is as important as knowing things, so you can use this roadmap to get an idea of what you are missing as well.",
-      'If you are a beginner who is just getting started, don\'t feel overwhelmed by looking at this roadmap. Look at the answer to the FAQ "How to become a Backend Developer?"',
-    ],
-  },
-    {
-        question: 'What tools does a backend developer use?',
-        answer: [
-            'Other than the language itself, some common [backend developer tools](https://roadmap.sh/backend/developer-tools) that you’ll use as a backend dev, are going to be: The IDE/Text editor; here you have tons of options from VSCode, to Zed or Sublime Text. Some database tools, such as DataGrid or Navicat interact with your databases from outside your code. API-related tools like Swagger or Postman will help you document their behavior and share the endpoints with your team. A hosting service for your code. And finally, some collaborative and productivity tools such as Jira, Wrike, Trello or Monday to help you organize your work with your colleagues. And others like Raycast or iTerm to boost your productivity. There are many alternatives in each category, it’s up to you to try them and pick the ones that work best for you.',
-
-        ]
-    }
-];
----
+---
\ No newline at end of file