Add roadmap for software architect

components/home/featured-roadmaps-list.tsx

@@ -8,12 +8,6 @@ type FeaturedRoadmapsListProps = {
 };
 
 export const upcomingRoadmaps = [
-  {
-    type: 'Role Based',
-    title: 'Software Architect',
-    description: 'Roadmap to become a modern Software Architect',
-    id: 'software-architect'
-  },
   {
     type: 'Role Based',
     title: 'React Native',

components/roadmap/home-roadmap-item.tsx

@@ -38,6 +38,7 @@ export function HomeRoadmapItem(props: RoadmapGridItemProps) {
 
   return (
     <Box
+      position='relative'
       as={Link}
       href={url}
       _hover={{
@@ -76,7 +77,7 @@ export function HomeRoadmapItem(props: RoadmapGridItemProps) {
       >
         {title}
 
-        { isNew && <Badge colorScheme='yellow' ml='10px'>New</Badge> }
+        { isNew && <Badge position='absolute' bottom={0} right={0} colorScheme='yellow' ml='10px'>New</Badge> }
       </Heading>
       <Text color='gray.200' fontSize={['13px']}>
         {subtitle}

content/pages/pdfs.md

@@ -9,6 +9,7 @@ Here is the list of PDF links for each of the roadmaps.
 * **Backend Roadmap** - [Roadmap Link](https://roadmap.sh/backend) / [PDF Link](https://roadmap.sh/pdfs/backend.pdf)
 * **DevOps Roadmap** - [Roadmap Link](https://roadmap.sh/devops) / [PDF Link](https://roadmap.sh/pdfs/devops.pdf)
 * **QA Roadmap** - [Roadmap Link](https://roadmap.sh/qa) / [PDF Link](https://roadmap.sh/pdfs/qa.pdf)
+* **Software Architect Roadmap** - [Roadmap Link](https://roadmap.sh/software-architect) / [PDF Link](https://roadmap.sh/pdfs/software-architect.pdf)
 * **JavaScript Roadmap** - [Roadmap Link](https://roadmap.sh/javascript) / [PDF Link](https://roadmap.sh/pdfs/javascript.pdf)
 * **Node.js Roadmap** - [Roadmap Link](https://roadmap.sh/nodejs) / [PDF Link](https://roadmap.sh/pdfs/nodejs.pdf)
 * **Angular Roadmap** - [Roadmap Link](https://roadmap.sh/angular) / [PDF Link](https://roadmap.sh/pdfs/angular.pdf)

content/roadmaps.json

@@ -903,5 +903,54 @@
     "id": "qa",
     "metaPath": "/roadmaps/113-qa/meta.json",
     "isUpcoming": false
+  },
+  {
+    "seo": {
+      "title": "Software Architect Roadmap: Learn to become a modern Software Architect",
+      "description": "Community driven, articles, resources, guides, interview questions, quizzes for DevOps. Learn to become a modern DevOps engineer by following the steps, skills, resources and guides listed in this roadmap.",
+      "keywords": [
+        "solution architect roadmap",
+        "enterprise architect roadmap",
+        "guide to becoming a software architect",
+        "guide to becoming a Software Architect",
+        "software architect roadmap",
+        "db administrator roadmap",
+        "software architect roadmap",
+        "software architect skills",
+        "db administrator skills",
+        "become software architect",
+        "modern software architect skills",
+        "software architect skills test",
+        "skills for software architect",
+        "skills for software architect",
+        "learn software architect",
+        "what is software architect",
+        "software architect quiz",
+        "software architect interview questions"
+      ]
+    },
+    "title": "Software Architect",
+    "description": "Step by step guide to becoming a Software Architect in 2022",
+    "featuredTitle": "Software Architect",
+    "isNew": true,
+    "type": "role",
+    "jsonUrl": "/project/software-architect.json",
+    "featuredDescription": "Step by step guide to become a Software Architect in 2022",
+    "isCommunity": false,
+    "featured": true,
+    "detailed": false,
+    "versions": [],
+    "relatedRoadmaps": [
+      "backend",
+      "python",
+      "python",
+      "nodejs",
+      "golang",
+      "java",
+      "devops"
+    ],
+    "id": "software-architect",
+    "metaPath": "/roadmaps/114-software-architect/meta.json",
+    "isUpcoming": false
   }
 ]

content/roadmaps/114-software-architect/meta.json

@@ -0,0 +1,46 @@
+{
+  "seo": {
+    "title": "Software Architect Roadmap: Learn to become a modern Software Architect",
+    "description": "Community driven, articles, resources, guides, interview questions, quizzes for DevOps. Learn to become a modern DevOps engineer by following the steps, skills, resources and guides listed in this roadmap.",
+    "keywords": [
+      "solution architect roadmap",
+      "enterprise architect roadmap",
+      "guide to becoming a software architect",
+      "guide to becoming a Software Architect",
+      "software architect roadmap",
+      "db administrator roadmap",
+      "software architect roadmap",
+      "software architect skills",
+      "db administrator skills",
+      "become software architect",
+      "modern software architect skills",
+      "software architect skills test",
+      "skills for software architect",
+      "skills for software architect",
+      "learn software architect",
+      "what is software architect",
+      "software architect quiz",
+      "software architect interview questions"
+    ]
+  },
+  "title": "Software Architect",
+  "description": "Step by step guide to becoming a Software Architect in 2022",
+  "featuredTitle": "Software Architect",
+  "isNew": true,
+  "type": "role",
+  "jsonUrl": "/project/software-architect.json",
+  "featuredDescription": "Step by step guide to become a Software Architect in 2022",
+  "isCommunity": false,
+  "featured": true,
+  "detailed": false,
+  "versions": [],
+  "relatedRoadmaps": [
+    "backend",
+    "python",
+    "python",
+    "nodejs",
+    "golang",
+    "java",
+    "devops"
+  ]
+}

content/roadmaps/114-software-architect/resources.md

@@ -0,0 +1,7 @@
+> **We are still preparing the resources**. Please check back later or [subscribe to get notified](/signup).
+
+While we prepare the list, follow this simple advice to learn anything
+ 
+> Just **pick a project and start working on it**, you will learn all that you need along the way.
+
+**→**   [All Roadmaps](/roadmaps)  •  [Programming guides](/guides)  •  [Subscribe](/signup)

lib/roadmap.ts

@@ -49,5 +49,5 @@ export function getFeaturedRoadmaps(): RoadmapType[] {
 }
 
 export function isInteractiveRoadmap(id: string): boolean {
-  return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa', 'design-system', 'angular'].includes(id);
+  return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa', 'design-system', 'angular', 'software-architect'].includes(id);
 }

pages/[roadmap]/interactive.tsx

@@ -166,6 +166,10 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
     minHeight = ['925px', '1365px', '1740px', '2370px', '2370px', '2370px'];
   }
 
+  if (roadmap.id === 'software-architect') {
+    minHeight = ['685px', '1170px', '1470px', '1980px', '1980px', '1980px'];
+  }
+
   return (
     <Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
       {(isLoading || isRendering) && <RoadmapLoader />}

public/sitemap.xml

@@ -96,6 +96,12 @@
               <lastmod>2022-09-08T15:57:35.430Z</lastmod>
               <priority>1.0</priority>
           </url>
+<url>
+              <loc>https://roadmap.sh/software-architect</loc>
+              <changefreq>monthly</changefreq>
+              <lastmod>2022-09-26T16:40:45.260Z</lastmod>
+              <priority>1.0</priority>
+          </url>
 <url>
               <loc>https://roadmap.sh/guides/basics-of-authentication</loc>
               <changefreq>monthly</changefreq>