Resolve merge conflicts

components/about-header/index.js

@@ -7,7 +7,7 @@ const AboutHeader = () => (
       <div className="author-info">
         <img className='author-img d-none d-sm-none d-md-block d-lg-block d-xl-block' src="/kamran.jpeg" />
         <div className="author-msg">
-          <h2>Hello, I'm Kamran Ahmed.</h2>
+          <h1>Hello, I'm Kamran Ahmed.</h1>
           <p>I created <span className='flow-black'>roadmap.sh</span> to help developers find their path if they are confused and help them grow in their career.</p>
           <div className="author-links">
             <a href={`https://twitter.com/${siteConfig.twitter}`} target="_blank">@kamranahmedse</a>

components/about-header/style.js

@@ -11,7 +11,7 @@ export const AboutHeaderWrap = styled.div`
     flex-direction: row;
   }
   
-  h2 {
+  h1 {
     font-weight: 700;
   }
   

components/detailed-roadmap/index.js

@@ -32,18 +32,24 @@ const DetailedRoadmap = ({ roadmap }) => {
     author = {}
   } = roadmap;
 
-  const roadmapPages = Object.keys(sidebar || {}).map(groupTitle => {
+  const roadmapPages = Object.keys(sidebar || {}).map((groupTitle, groupCounter) => {
     if (groupTitle.startsWith('_')) {
       return;
     }
 
+    // @todo remove it after completing the frontend roadmap
+    const isInProgress = groupCounter !== 0;
+
     return (
-      <div className='links-group' key={groupTitle}>
-        <h3>{ groupTitle }</h3>
+      <div className={`links-group ${isInProgress ? 'in-progress' : ''}`} key={groupTitle}>
+        <h3>
+          { groupTitle }
+          { isInProgress && <span className='badge badge-warning progress-badge'>In Progress</span> }
+        </h3>
         <ul>
           { sidebar[groupTitle].map(page => {
             const isActivePage = page.url === currentPage.url;
-            // e.g. /frontend should mark `/frontend/summary` as active
+            // e.g. /frontend should mark `/frontend/landscape` as active
             const isSummaryPage = page.url === `${currentPage.url}/summary`;
 
             return (
@@ -71,7 +77,8 @@ const DetailedRoadmap = ({ roadmap }) => {
             <h3>{ roadmap.title }</h3>
             <p>
               Roadmap contributed by <a href={ author.url } target="_blank">{ author.name }</a>
-              { roadmap.contributorsCount > 1 && ` and <a href="${roadmap.contributorsUrl}">${roadmap.contributorsCount} others</a>`}</p>
+              { roadmap.contributorsCount > 1 && ` and <a href="${roadmap.contributorsUrl}">${roadmap.contributorsCount} others</a>`}
+            </p>
           </RoadmapMeta>
           <ShareRoadmap className="mt-2 mt-md-0">
             <ShareIcon href={ siteConfig.url.repo } target="_blank">

components/detailed-roadmap/style.js

@@ -113,6 +113,16 @@ export const Sidebar = styled.div`
     }
   }
   
+  .progress-badge {
+    position: relative;
+    top: -2px;
+    margin-left: 5px;
+  }
+  
+  .links-group.in-progress {
+    opacity: 0.3;  
+  }
+
   .links-group li {
     list-style: none;
     margin: 7px 0;
@@ -180,4 +190,10 @@ export const MobileSidebar = styled(Sidebar)`
   .links-group {
     width: auto;  
   }
+  
+  .progress-badge {
+    position: relative;
+    top: -2px;
+    margin-left: 5px;
+  }
 `;

components/helmet/index.js

@@ -2,8 +2,7 @@ import NextHead from 'next/head';
 import siteConfig from 'content/site';
 
 const prepareTitle = (givenTitle) => {
-  givenTitle = givenTitle || siteConfig.title;
-  return `${givenTitle} - ${siteConfig.name}`;
+  return givenTitle || siteConfig.title;
 };
 
 const prepareDescription = (givenDescription) => {
@@ -19,7 +18,7 @@ const Helmet = (props) => (
     <meta name='description' content={ prepareDescription(props.description) } />
 
     <meta name="author" content={ siteConfig.author } />
-    <meta name="keywords" content={ siteConfig.keywords.join(',') } />
+    <meta name="keywords" content={ props.keywords ? props.keywords.join(',') : siteConfig.keywords.join(',') } />
 
     <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0" />
     { props.canonical && <link rel="canonical" href={ props.canonical } /> }

content/guides/design-patterns-for-humans.md

@@ -1595,7 +1595,7 @@ $stationList->removeStation(new RadioStation(89)); // Will remove station 89
 ```
 
 👽 Mediator
-========
+--------
 
 Real world example
 > A general example would be when you talk to someone on your mobile phone, there is a network provider sitting between you and them and your conversation goes through it instead of being directly sent. In this case network provider is mediator.

content/guides/torrent-client.md

@@ -6,14 +6,14 @@ The protocol evolved organically over the past 20 years, and various people and
 
 I'll be using a [Debian ISO](https://cdimage.debian.org/debian-cd/current/amd64/bt-cd/#indexlist) file as my guinea pig because it's big, but not huge, at 350MB. As a popular Linux distribution, there will be lots of fast and cooperative peers for us to connect to. And we'll avoid the legal and ethical issues related to downloading pirated content.
 
-# Finding peers
+## Finding peers
 Here’s a problem: we want to download a file with BitTorrent, but it’s a peer-to-peer protocol and we have no idea where to find peers to download it from. This is a lot like moving to a new city and trying to make friends—maybe we’ll hit up a local pub or a meetup group! Centralized locations like these are the big idea behind trackers, which are central servers that introduce peers to each other. They’re just web servers running over HTTP, and you can find Debian’s at http://bttracker.debian.org:6969/
 
 ![illustration of a desktop computer and laptop sitting at a pub](/guides/torrent-client/trackers.png)
 
 Of course, these central servers are liable to get raided by the feds if they facilitate peers exchanging illegal content. You may remember reading about trackers like TorrentSpy, Popcorn Time, and KickassTorrents getting seized and shut down. New methods cut out the middleman by making even **peer discovery** a distributed process. We won't be implementing them, but if you're interested, some terms you can research are **DHT**, **PEX**, and **magnet links**.
 
-## Parsing a .torrent file
+### Parsing a .torrent file
 A .torrent file describes the contents of a torrentable file and information for connecting to a tracker. It's all we need in order to kickstart the process of downloading a torrent. Debian's .torrent file looks like this:
 
 ```markdown
@@ -106,7 +106,7 @@ func (bto *bencodeTorrent) toTorrentFile() (*TorrentFile, error) {
 }
 ```
 
-## Retrieving peers from the tracker
+### Retrieving peers from the tracker
 Now that we have information about the file and its tracker, let's talk to the tracker to **announce** our presence as a peer and to retrieve a list of other peers. We just need to make a GET request to the `announce` URL supplied in the .torrent file, with a few query parameters:
 
 ```go
@@ -136,7 +136,7 @@ The important ones:
 
 ![a file with a name tag saying 'info_hash' and a person with a name tag 'peer_id'](/guides/torrent-client/info-hash-peer-id.png)
 
-## Parsing the tracker response
+### Parsing the tracker response
 We get back a bencoded response:
 
 ```markdown
@@ -179,7 +179,7 @@ func Unmarshal(peersBin []byte) ([]Peer, error) {
 }
 ```
 
-# Downloading from peers
+## Downloading from peers
 Now that we have a list of peers, it's time to connect with them and start downloading pieces! We can break down the process into a few steps. For each peer, we want to:
 
 1. Start a TCP connection with the peer. This is like starting a phone call.
@@ -196,7 +196,7 @@ if err != nil {
 
 I set a timeout so that I don't waste too much time on peers that aren't going to let me connect. For the most part, it's a pretty standard TCP connection.
 
-## Complete the handshake
+### Complete the handshake
 We've just set up a connection with a peer, but we want do a handshake to validate our assumptions that the peer
 
 * can communicate using the BitTorrent protocol
@@ -250,14 +250,14 @@ func Read(r io.Reader) (*Handshake, error) {
 }
 ```
 
-## Send and receive messages
+### Send and receive messages
 Once we've completed the initial handshake, we can send and receive **messages**. Well, not quite—if the other peer isn't ready to accept messages, we can't send any until they tell us they're ready. In this state, we're considered **choked** by the other peer. They'll send us an **unchoke** message to let us know that we can begin asking them for data. By default, we assume that we're choked until proven otherwise.
 
 Once we've been unchoked, we can then begin sending **requests** for pieces, and they can send us messages back containing pieces.
 
 !["A cartoon in which person 1 says 'hello I would like piece number—' and person 2 grabs him by the neck and says '00 00 00 01 00 (choke)'](/guides/torrent-client/choke.png)
 
-### Interpreting messages
+#### Interpreting messages
 A message has a length, an **ID** and a **payload**. On the wire, it looks like:
 
 ![A message with 4 byte for the length, 1 byte for ID, and an optional payload](/guides/torrent-client/message.png)
@@ -333,7 +333,7 @@ func Read(r io.Reader) (*Message, error) {
 }
 ```
 
-### Bitfields
+#### Bitfields
 One of the most interesting types of message is the **bitfield**, which is a data structure that peers use to efficiently encode which pieces they are able to send us. A bitfield looks like a byte array, and to check which pieces they have, we just need to look at the positions of the *bits* set to 1. You can think of it like the digital equivalent of a coffee shop loyalty card. We start with a blank card of all `0`, and flip bits to `1` to mark their positions as "stamped."
 
 ![a coffee shop loyalty card with eight slots, with stamps on the first four slots and a stamp on the second to last slot, represented as 11110010](/guides/torrent-client/bitfield.png)
@@ -359,10 +359,10 @@ func (bf Bitfield) SetPiece(index int) {
 }
 ```
 
-## Putting it all together
+### Putting it all together
 We now have all the tools we need to download a torrent: we have a list of peers obtained from the tracker, and we can communicate with them by dialing a TCP connection, initiating a handshake, and sending and receiving messages. Our last big problems are handling the **concurrency** involved in talking to multiple peers at once, and managing the **state** of our peers as we interact with them. These are both classically Hard problems.
 
-### Managing concurrency: channels as queues
+#### Managing concurrency: channels as queues
 In Go, we [share memory by communicating](https://blog.golang.org/share-memory-by-communicating), and we can think of a Go channel as a cheap thread-safe queue.
 
 We'll set up two channels to synchronize our concurrent workers: one for dishing out work (pieces to download) between peers, and another for collecting downloaded pieces. As downloaded pieces come in through the results channel, we can copy them into a buffer to start assembling our complete file.
@@ -437,7 +437,7 @@ func (t *Torrent) startDownloadWorker(peer peers.Peer, workQueue chan *pieceWork
 }
 ```
 
-### Managing state
+#### Managing state
 We'll keep track of each peer in a struct, and modify that struct as we read messages. It'll include data like how much we've downloaded from the peer, how much we've requested from them, and whether we're choked. If we wanted to scale this further, we could formalize this as a finite state machine. But a struct and a switch are good enough for now.
 
 ```go
@@ -469,12 +469,12 @@ func (state *pieceProgress) readMessage() error {
 }
 ```
 
-### Time to make requests!
+#### Time to make requests!
 Files, pieces, and piece hashes aren't the full story—we can go further by breaking down pieces into **blocks**. A block is a part of a piece, and we can fully define a block by the **index** of the piece it's part of, its byte **offset** within the piece, and its **length**. When we make requests for data from peers, we are actually requesting *blocks*. A block is usually 16KB large, meaning that a single 256 KB piece might actually require 16 requests.
 
 A peer is supposed to sever the connection if they receive a request for a block larger than 16KB. However, based on my experience, they're often perfectly happy to satisfy requests up to 128KB. I only got moderate gains in overall speed with larger block sizes, so it's probably better to stick with the spec.
 
-### Pipelining
+#### Pipelining
 Network round-trips are expensive, and requesting each block one by one will absolutely tank the performance of our download. Therefore, it's important to **pipeline** our requests such that we keep up a constant pressure of some number of unfulfilled requests. This can increase the throughput of our connection by an order of magnitude.
 
 ![Two email threads simulating peer connections. The thread on the left shows a request followed by a reply, repeated three times. The thread on the left sends three requests, and receives three replies in quick succession.](/guides/torrent-client/pipelining.png)
@@ -529,7 +529,7 @@ func attemptDownloadPiece(c *client.Client, pw *pieceWork) ([]byte, error) {
 }
 ```
 
-### main.go
+#### main.go
 This is a short one. We're almost there.
 
 ```go
@@ -560,5 +560,5 @@ func main() {
 
 <script id="asciicast-xqRSB0Jec8RN91Zt89rbb9PcL" src="https://asciinema.org/a/xqRSB0Jec8RN91Zt89rbb9PcL.js" async></script>
 
-# This isn't the full story
+## This isn't the full story
 For brevity, I included only a few of the important snippets of code. Notably, I left out all the glue code, parsing, unit tests, and the boring parts that build character. View my [full implementation](https://github.com/veggiedefender/torrent-client) if you're interested.

content/pages/about.md

@@ -1,22 +1,22 @@
-#### What is roadmap.sh?
+## What is roadmap.sh?
 Roadmap.sh is the place containing community curated roadmaps, study plans, paths and resources for the budding developers. It started as a [set of charts to guide the developers](https://github.com/kamranahmedse/developer-roadmap) who are confused about what should they learn next but that alone wasn't enough so I expanded it into the website to get more contributors involved.
 
-#### What are the plans for roadmap.sh?
+## What are the plans for roadmap.sh?
 The website started off as a [simple repository containing a few charts](https://github.com/kamranahmedse/developer-roadmap) for developers and based on my personal opinions but it could have been much more than that so I decided to expand it to a website where people can contribute to study plans with their areas of expertise as well, add more roadmaps, write guides etc. 
 
 We haven't opened up the sign ups for now but we will be doing. My long term plans for this website are to turn it into a goto place for the developers to seek guidance about their careers, help others, share their journeys, incentivize the learnings, get feedbacks on their projects etc.
 
-#### How did you build roadmap.sh?
+## How did you build roadmap.sh?
 The basic version of the website has been built with [Next.js](https://github.com/zeit/next.js/), is opensource and can be found on [github](https://github.com/kamranahmedse/roadmap.sh). It was hastily done to get it out in front of the people and get people to start contributing so it might be rough on the edges, but that is where we need your help.
 
-#### How does it make money?
+## How does it make money?
 It doesn't make any money. I have been using my personal time and budget to build it. I did not create this website with any intentions of monetization but as a good will, to help the people get out of the frustration that I was once in. 
 
 Having said that, I love teaching and my future plans are to be able to work full-time on roadmap.sh for which it has to make enough money to pay for my rent, groceries, bills, travel expenses, etc but even if it doesn't it's likely I'll continue growing the site however I can. My focus at the moment is not making money from it and just add content that creates value for the people.
 
 > Sponsor the efforts by [paying as little as 3$ per month](http://gum.co/roadmap-sh) or with [one time payment via paypal](https://paypal.me/kamranahmedse). Alternatively, reach out to me at [kamran@roadmap.sh](mailto:kamran@roadmap.sh).
 
-#### Can I contribute?
+## Can I contribute?
 You definitely can, infact you are encouraged to do that. Even your minor contributions such as typo fixes count. The source code of the website can be [found on Github](https://github.com/kamranahmedse/roadmap.sh). Your contributions can be: 
 
 * Adding a new roadmap
@@ -31,9 +31,9 @@ You definitely can, infact you are encouraged to do that. Even your minor contri
 
 Just make sure to [follow the contribution guidelines](https://github.com/kamranahmedse/roadmap.sh/tree/master/contributing) when you decide to contribute. 
 
-#### Can I redistribute the content?
+## Can I redistribute the content?
 No, the license of the content on this website does not allow you to redistribute any of the content on this website anywhere. You can use it for personal use or share the link to the content if you have to but redistribution is not allowed.
 
-#### What is the best way to contact you?
+## What is the best way to contact you?
 Tweet or send me a message [@kamranahmedse](https://twitter.com/kamranahmedse) or email me at [kamran@roadmap.sh](kamran@roadmap.sh). I get lots of messages so apologies in advance if you don't hear back from me soon but I do reply to everyone.
 

content/roadmaps.json

@@ -1,5 +1,32 @@
 [
   {
+    "seo": {
+      "title": "Learn to become a modern frontend developer",
+      "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap.",
+      "keywords": [
+        "guide to becoming a developer",
+        "guide to becoming a frontend developer",
+        "frontend developer",
+        "frontend engineer",
+        "frontend skills",
+        "frontend development",
+        "javascript developer",
+        "frontend development skills",
+        "frontend development skills test",
+        "frontend engineer roadmap",
+        "frontend developer roadmap",
+        "become a frontend developer",
+        "frontend developer career path",
+        "javascript developer",
+        "modern javascript developer",
+        "node developer",
+        "skills for frontend development",
+        "learn frontend development",
+        "what is frontend development",
+        "frontend developer quiz",
+        "frontend developer interview questions"
+      ]
+    },
     "title": "Frontend Developer",
     "description": "Step by step guide to becoming a modern frontend developer",
     "featuredDescription": "Step by step guide to becoming a modern frontend developer in 2020",
@@ -8,7 +35,8 @@
       "url": "https://twitter.com/kamranahmedse"
     },
     "featured": true,
-    "detailed": false,
+    "path": "/roadmaps/1-frontend/0-About/0-Summary.md",
+    "detailed": true,
     "versions": [
       "latest",
       "2018",
@@ -17,96 +45,106 @@
     "contributorsCount": 1,
     "contributorsUrl": "/frontend/contributors",
     "url": "/frontend",
-    "path": "/roadmaps/1-frontend/0-About/0-Summary.md",
     "sidebar": {
       "About": [
-        {
-          "url": "/frontend/summary-detailed",
-          "title": "Summary detailed",
-          "path": "/roadmaps/1-frontend/0-About/0-Summary-detailed.md"
-        },
         {
           "url": "/frontend/summary",
           "title": "Summary",
           "path": "/roadmaps/1-frontend/0-About/0-Summary.md"
         },
         {
-          "url": "/frontend/skill-summary",
-          "title": "Skill Summary",
-          "path": "/roadmaps/1-frontend/0-About/1-Skill-Summary.md"
-        },
-        {
-          "url": "/frontend/job-titles",
-          "title": "Job Titles",
-          "path": "/roadmaps/1-frontend/0-About/2-Job-Titles.md"
-        }
-      ],
-      "Landscape": [
-        {
-          "url": "/frontend/junior-developer",
-          "title": "Junior Developer",
-          "path": "/roadmaps/1-frontend/1-Landscape/1-Junior-Developer.md"
+          "url": "/frontend/basic-skills",
+          "title": "Basic Skills",
+          "path": "/roadmaps/1-frontend/0-About/1-Basic-Skills.md"
         },
         {
-          "url": "/frontend/mid-level-developer",
-          "title": "Mid Level Developer",
-          "path": "/roadmaps/1-frontend/1-Landscape/2-Mid-Level-Developer.md"
+          "url": "/frontend/landscape",
+          "title": "Landscape",
+          "path": "/roadmaps/1-frontend/0-About/2-Landscape.md"
         },
         {
-          "url": "/frontend/senior-developer",
-          "title": "Senior Developer",
-          "path": "/roadmaps/1-frontend/1-Landscape/3-Senior-Developer.md"
+          "url": "/frontend/job-titles",
+          "title": "Job Titles",
+          "path": "/roadmaps/1-frontend/0-About/3-Job-Titles.md"
         }
       ],
       "Learn": [
         {
           "url": "/frontend/job-ready",
           "title": "Job Ready",
-          "path": "/roadmaps/1-frontend/2-Learn/1-Job-Ready.md"
+          "path": "/roadmaps/1-frontend/1-Learn/1-Job-Ready.md"
         },
         {
           "url": "/frontend/write-better-css",
           "title": "Write Better CSS",
-          "path": "/roadmaps/1-frontend/2-Learn/2-Write-Better-CSS.md"
+          "path": "/roadmaps/1-frontend/1-Learn/2-Write-Better-CSS.md"
         },
         {
           "url": "/frontend/build-tools",
           "title": "Build Tools",
-          "path": "/roadmaps/1-frontend/2-Learn/3-Build-Tools.md"
+          "path": "/roadmaps/1-frontend/1-Learn/3-Build-Tools.md"
         },
         {
           "url": "/frontend/modern-applications",
           "title": "Modern Applications",
-          "path": "/roadmaps/1-frontend/2-Learn/4-Modern-Applications.md"
+          "path": "/roadmaps/1-frontend/1-Learn/4-Modern-Applications.md"
         },
         {
           "url": "/frontend/automated-testing",
           "title": "Automated Testing",
-          "path": "/roadmaps/1-frontend/2-Learn/5-Automated-Testing.md"
+          "path": "/roadmaps/1-frontend/1-Learn/5-Automated-Testing.md"
         },
         {
           "url": "/frontend/static-type-checkers",
           "title": "Static Type Checkers",
-          "path": "/roadmaps/1-frontend/2-Learn/6-Static-Type-Checkers.md"
+          "path": "/roadmaps/1-frontend/1-Learn/6-Static-Type-Checkers.md"
         },
         {
           "url": "/frontend/server-side-rendering",
           "title": "Server Side Rendering",
-          "path": "/roadmaps/1-frontend/2-Learn/7-Server-Side-Rendering.md"
+          "path": "/roadmaps/1-frontend/1-Learn/7-Server-Side-Rendering.md"
         },
         {
           "url": "/frontend/go-beyond",
           "title": "Go Beyond",
-          "path": "/roadmaps/1-frontend/2-Learn/8-Go-Beyond.md"
+          "path": "/roadmaps/1-frontend/1-Learn/8-Go-Beyond.md"
         }
       ]
     }
   },
   {
+    "seo": {
+      "title": "Learn to become a modern backend developer",
+      "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern backend development. Learn to become a modern backend developer by following the steps, skills, resources and guides listed in this roadmap.",
+      "keywords": [
+        "guide to becoming a developer",
+        "guide to becoming a backend developer",
+        "backend developer",
+        "backend engineer",
+        "backend skills",
+        "backend development",
+        "javascript developer",
+        "backend development skills",
+        "backend development skills test",
+        "backend engineer roadmap",
+        "backend developer roadmap",
+        "become a backend developer",
+        "backend developer career path",
+        "javascript developer",
+        "modern javascript developer",
+        "node developer",
+        "skills for backend development",
+        "learn backend development",
+        "what is backend development",
+        "backend developer quiz",
+        "backend developer interview questions"
+      ]
+    },
     "title": "Backend Developer",
     "description": "Step by step guide to becoming a modern backend developer",
     "featuredDescription": "Step by step guide to becoming a modern backend developer in 2020",
     "featured": true,
+    "path": "/roadmaps/2-backend/0-About/0-Summary.md",
     "author": {
       "name": "Kamran Ahmed",
       "url": "https://twitter.com/kamranahmedse"
@@ -114,7 +152,6 @@
     "contributorsCount": 1,
     "contributorsUrl": "/backend/contributors",
     "url": "/backend",
-    "path": "/roadmaps/2-backend/0-About/0-Summary.md",
     "sidebar": {
       "About": [
         {
@@ -148,10 +185,32 @@
     }
   },
   {
+    "seo": {
+      "title": "DevOps Roadmap: Learn to become a DevOps Engineer or SRE",
+      "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": [
+        "guide to becoming a devops enginer",
+        "devops roadmap",
+        "sre roadmap",
+        "site reliability engineer roadmap",
+        "operations roles",
+        "become devops",
+        "devops skills",
+        "modern devops skills",
+        "devops skills test",
+        "skills for devops",
+        "learn devops",
+        "what is devops",
+        "what is sre",
+        "devops quiz",
+        "devops interview questions"
+      ]
+    },
     "title": "DevOps Roadmap",
     "description": "Step by step guide for DevOps or any other Operations Role",
     "featuredDescription": "Step by step guide to become an SRE or for any operations role in 2020",
     "featured": true,
+    "path": "/roadmaps/3-devops/0-About/0-Summary.md",
     "versions": [
       "latest",
       "2018",
@@ -164,7 +223,6 @@
     "contributorsCount": 1,
     "contributorsUrl": "/devops/contributors",
     "url": "/devops",
-    "path": "/roadmaps/3-devops/0-About/0-Summary.md",
     "sidebar": {
       "About": [
         {
@@ -193,9 +251,37 @@
     }
   },
   {
+    "seo": {
+      "title": "Fullstack Roadmap: Learn to become a fullstack developer",
+      "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern fullstack development. Learn to become a modern fullstack developer by following the steps, skills, resources and guides listed in this roadmap.",
+      "keywords": [
+        "guide to becoming a developer",
+        "guide to becoming a fullstack developer",
+        "fullstack developer",
+        "fullstack engineer",
+        "fullstack skills",
+        "fullstack development",
+        "javascript developer",
+        "fullstack development skills",
+        "fullstack development skills test",
+        "fullstack engineer roadmap",
+        "fullstack developer roadmap",
+        "become a fullstack developer",
+        "fullstack developer career path",
+        "javascript developer",
+        "modern javascript developer",
+        "node developer",
+        "skills for fullstack development",
+        "learn fullstack development",
+        "what is fullstack development",
+        "fullstack developer quiz",
+        "fullstack developer interview questions"
+      ]
+    },
     "title": "Full Stack Developer",
     "description": "Step by step guide to becoming a modern fullstack developer in 2020",
     "featuredDescription": "Step by step guide to becoming a modern fullstack developer in 2020",
+    "path": "/roadmaps/4-fullstack/0-About/0-Summary.md",
     "upcoming": true,
     "author": {
       "name": "Kamran Ahmed",
@@ -204,7 +290,6 @@
     "contributorsCount": 1,
     "contributorsUrl": "/fullstack/contributors",
     "url": "/fullstack",
-    "path": "/roadmaps/4-fullstack/0-About/0-Summary.md",
     "sidebar": {
       "About": [
         {
@@ -216,10 +301,29 @@
     }
   },
   {
+    "seo": {
+      "title": "QA Roadmap: Learn to become a modern QA engineer",
+      "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern QA development. Learn to become a modern QA engineer by following the steps, skills, resources and guides listed in this roadmap.",
+      "keywords": [
+        "guide to becoming a QA engineer",
+        "QA engineer",
+        "QA skills",
+        "QA development skills",
+        "QA development skills test",
+        "QA engineer roadmap",
+        "become a QA engineer",
+        "QA engineer career path",
+        "skills for QA development",
+        "what is QA engineer",
+        "QA engineer quiz",
+        "QA engineer interview questions"
+      ]
+    },
     "title": "QA Engineer",
     "description": "Steps to follow in order to become a modern QA Engineer in 2020",
     "featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2020",
     "upcoming": true,
+    "path": "/roadmaps/5-qa/0-About/0-Summary.md",
     "author": {
       "name": "Anas Fitiani",
       "url": "https://github.com/anas-qa"
@@ -227,7 +331,6 @@
     "contributorsCount": 1,
     "contributorsUrl": "/qa/contributors",
     "url": "/qa",
-    "path": "/roadmaps/5-qa/0-About/0-Summary.md",
     "sidebar": {
       "About": [
         {

content/roadmaps/1-frontend/0-About/0-Summary-detailed.md

@@ -1,15 +0,0 @@
-#### What is a Frontend Developer?
-A frontend developer is someone who works on the side of the websites that the user interacts with i.e. front or the client side of the website. Whenever you visit a website, everything that you see is mainly developed by the frontend developers. 
-
-They work with designers or UX teams to convert their mockups or wireframes to the actual website that the users can interact with. Also they work with [backend developers](/backend) who work with database and servers to get the data from and to display on the website. Wikipedia describes frontend development as follows
-
-> [According to Wikipedia](https://en.wikipedia.org/wiki/Front-end_web_development):
->
-> Front-end web development is the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data.
-
-#### Key Components of a Website
-If we talk about the frontend, all the websites are mainly built with three key technologies – **HTML**, **CSS** and **JavaScript**. If you know just these three, you can start building websites and be employable. 
-
-Before we proceed, let me give you a brief overview of how **HTML**, **CSS** and **JavaScript** are used on the website. **HTML** provides the structure to a website i.e. all the text, headings, paragraphs, images etc that you see on the website, they have been created with HTML. HTML provides you just the structure, you need to put another layer on top of it to make the website pretty - this next layer is CSS. **CSS** helps make your websites pretty - the colors, backgrounds, font size, borders, shadows etc are controlled using CSS. And finally, the third layer is **JavaScript** which helps make the website interactive e.g. controlling the actions like showing a popup, switching slider images upon click etc is all controlled by JavaScript. 
-
-To understand it better, let me provide the analogy of a human body, the skeleton provides structure to our bodies so it can be equivalent to the HTML, the skin which hides the structure of our bodies and beautifies is like CSS and the muscles which help us perform different actions can be JavaScript.

content/roadmaps/1-frontend/0-About/0-Summary.md

@@ -1 +1,15 @@
-![](/roadmaps/frontend.png)
+## What is a Frontend Developer?
+A frontend developer is someone who works on the side of the websites that the user interacts with i.e. front or the client side of the website. Whenever you visit a website, everything that you see is mainly developed by the frontend developers. 
+
+They work with designers or UX teams to convert their mockups or wireframes to the actual website that the users can interact with. Also they work with [backend developers](/backend) who work with database and servers to get the data from and to display on the website. Wikipedia describes frontend development as follows
+
+> [According to Wikipedia](https://en.wikipedia.org/wiki/Front-end_web_development):
+>
+> Front-end web development is the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data.
+
+## Key Components of a Website
+If we talk about the frontend, all the websites are mainly built with three key technologies – **HTML**, **CSS** and **JavaScript**. If you know just these three, you can start building websites and be employable. 
+
+Before we proceed, let me give you a brief overview of how **HTML**, **CSS** and **JavaScript** are used on the website. **HTML** provides the structure to a website i.e. all the text, headings, paragraphs, images etc that you see on the website, they have been created with HTML. HTML provides you just the structure, you need to put another layer on top of it to make the website pretty - this next layer is CSS. **CSS** helps make your websites pretty - the colors, backgrounds, font size, borders, shadows etc are controlled using CSS. And finally, the third layer is **JavaScript** which helps make the website interactive e.g. controlling the actions like showing a popup, switching slider images upon click etc is all controlled by JavaScript. 
+
+To understand it better, let me provide the analogy of a human body, the skeleton provides structure to our bodies so it can be equivalent to the HTML, the skin which hides the structure of our bodies and beautifies is like CSS and the muscles which help us perform different actions can be JavaScript.

content/roadmaps/1-frontend/0-About/1-Basic-Skills.md

@@ -1,4 +1,4 @@
-#### Soft Skills
+## Soft Skills
 Before we jump on to the technical skills there are few non-technical or soft skills that every employer is going to demand, so make sure to work on that side of the things as well when you are preparing yourself technically
 
 * **Communication skills** — Talking to your colleagues, writing emails, use of language
@@ -8,14 +8,13 @@ Before we jump on to the technical skills there are few non-technical or soft sk
 * **Work Ethics and Integrity** — Being able to follow through on your duties in timely and quality manner.
 * **Be Curious** — Your curiosity is going to help you a great deal in evolving yourself. Don't just take things as they are, look at the reasoning behind the things. Look at the things that others are building, learn from them. Look at what community is most excited about these days.
 
-#### Technical Skills
+## Technical Skills
 In order to be a frontend developer, all you need is to learn HTML, CSS and JavaScript. Just learn these and you should be employable. I know a lot of developers who just know these and are working as frontend developers and are making decent money
+
 * HTML
 * CSS
 * JavaScript 
 
-Frontend development is broad and there are further skills that are in play but those can be gained over time. All you need is to learn the above three and start making projects ...lots of them. This is how you will hone your skillset and continue to grow. Having said that, the skills and the relevant expertise in those skills varies from the job level, follow the links below to get an idea of the skills required for each of the role levels.
+Frontend development is broad and there are further skills that are in play but those can be gained over time. All you need is to learn the above three and start making projects ..lots of them. This is how you will hone your skillset and continue to grow. 
 
-* [Entry Level Developer](/frontend/junior-developer)
-* [Mid Level Developer](/frontend/mid-level-developer)
-* [Senior Developer](/frontend/senior-developer)
+Having said that, the skills and the relevant expertise in those skills varies from the job level, have a look at the landscape to get an idea about everything that is there in Frontend Development.

content/roadmaps/1-frontend/0-About/2-Landscape.md

@@ -0,0 +1 @@
+![](/roadmaps/frontend.png)

content/roadmaps/1-frontend/0-About/3-Job-Titles.md

@@ -1,4 +1,4 @@
-#### Common Job Titles
+## Common Job Titles
 If you know frontend development, there are jobs with different titles that you can apply to. Here is the list of different job titles with almost same responsibilities
 
 * Frontend Developer / Engineer

content/roadmaps/1-frontend/1-Learn/1-Job-Ready.md

@@ -1,7 +1,7 @@
-#### Technical Skills
+## Technical Skills
 The sections below describe different steps required to become a frontend developer
 
-#### Learning How Things Work
+## Learning How Things Work
 As a web developer, frontend, backend or fullstack, you should have a good understanding of how the internet works 
 
 ![](/roadmaps/frontend/beginner-1.png)
@@ -13,6 +13,3 @@ Learn the below listed in the order given below
 * What is DNS? How a website is found on the internet?
 * What's in a domain name? What is an IP Address?
 * What is Web Hosting?
-
-#### Writing Some Code
-Now that you understand how things work, next step is getting your hands dirty and start actual coding

content/roadmaps/1-frontend/meta.json

@@ -1,4 +1,31 @@
 {
+  "seo": {
+    "title": "Learn to become a modern frontend developer",
+    "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap.",
+    "keywords": [
+      "guide to becoming a developer",
+      "guide to becoming a frontend developer",
+      "frontend developer",
+      "frontend engineer",
+      "frontend skills",
+      "frontend development",
+      "javascript developer",
+      "frontend development skills",
+      "frontend development skills test",
+      "frontend engineer roadmap",
+      "frontend developer roadmap",
+      "become a frontend developer",
+      "frontend developer career path",
+      "javascript developer",
+      "modern javascript developer",
+      "node developer",
+      "skills for frontend development",
+      "learn frontend development",
+      "what is frontend development",
+      "frontend developer quiz",
+      "frontend developer interview questions"
+    ]
+  },
   "title": "Frontend Developer",
   "description": "Step by step guide to becoming a modern frontend developer",
   "featuredDescription": "Step by step guide to becoming a modern frontend developer in 2020",
@@ -7,7 +34,8 @@
     "url": "https://twitter.com/kamranahmedse"
   },
   "featured": true,
-  "detailed": false,
+  "path": "./0-About/0-Summary.md",
+  "detailed": true,
   "versions": [
     "latest",
     "2018",

content/roadmaps/2-backend/meta.json

@@ -1,8 +1,36 @@
 {
+  "seo": {
+    "title": "Learn to become a modern backend developer",
+    "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern backend development. Learn to become a modern backend developer by following the steps, skills, resources and guides listed in this roadmap.",
+    "keywords": [
+      "guide to becoming a developer",
+      "guide to becoming a backend developer",
+      "backend developer",
+      "backend engineer",
+      "backend skills",
+      "backend development",
+      "javascript developer",
+      "backend development skills",
+      "backend development skills test",
+      "backend engineer roadmap",
+      "backend developer roadmap",
+      "become a backend developer",
+      "backend developer career path",
+      "javascript developer",
+      "modern javascript developer",
+      "node developer",
+      "skills for backend development",
+      "learn backend development",
+      "what is backend development",
+      "backend developer quiz",
+      "backend developer interview questions"
+    ]
+  },
   "title": "Backend Developer",
   "description": "Step by step guide to becoming a modern backend developer",
   "featuredDescription": "Step by step guide to becoming a modern backend developer in 2020",
   "featured": true,
+  "path": "./0-About/0-Summary.md",
   "author": {
     "name": "Kamran Ahmed",
     "url": "https://twitter.com/kamranahmedse"

content/roadmaps/3-devops/meta.json

@@ -1,8 +1,30 @@
 {
+  "seo": {
+    "title": "DevOps Roadmap: Learn to become a DevOps Engineer or SRE",
+    "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": [
+      "guide to becoming a devops enginer",
+      "devops roadmap",
+      "sre roadmap",
+      "site reliability engineer roadmap",
+      "operations roles",
+      "become devops",
+      "devops skills",
+      "modern devops skills",
+      "devops skills test",
+      "skills for devops",
+      "learn devops",
+      "what is devops",
+      "what is sre",
+      "devops quiz",
+      "devops interview questions"
+    ]
+  },
   "title": "DevOps Roadmap",
   "description": "Step by step guide for DevOps or any other Operations Role",
   "featuredDescription": "Step by step guide to become an SRE or for any operations role in 2020",
   "featured": true,
+  "path": "./0-About/0-Summary.md",
   "versions": [
     "latest",
     "2018",

content/roadmaps/4-fullstack/meta.json

@@ -1,7 +1,35 @@
 {
+  "seo": {
+    "title": "Fullstack Roadmap: Learn to become a fullstack developer",
+    "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern fullstack development. Learn to become a modern fullstack developer by following the steps, skills, resources and guides listed in this roadmap.",
+    "keywords": [
+      "guide to becoming a developer",
+      "guide to becoming a fullstack developer",
+      "fullstack developer",
+      "fullstack engineer",
+      "fullstack skills",
+      "fullstack development",
+      "javascript developer",
+      "fullstack development skills",
+      "fullstack development skills test",
+      "fullstack engineer roadmap",
+      "fullstack developer roadmap",
+      "become a fullstack developer",
+      "fullstack developer career path",
+      "javascript developer",
+      "modern javascript developer",
+      "node developer",
+      "skills for fullstack development",
+      "learn fullstack development",
+      "what is fullstack development",
+      "fullstack developer quiz",
+      "fullstack developer interview questions"
+    ]
+  },
   "title": "Full Stack Developer",
   "description": "Step by step guide to becoming a modern fullstack developer in 2020",
   "featuredDescription": "Step by step guide to becoming a modern fullstack developer in 2020",
+  "path": "./0-About/0-Summary.md",
   "upcoming": true,
   "author": {
     "name": "Kamran Ahmed",

content/roadmaps/5-qa/meta.json

@@ -1,8 +1,27 @@
 {
+  "seo": {
+    "title": "QA Roadmap: Learn to become a modern QA engineer",
+    "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern QA development. Learn to become a modern QA engineer by following the steps, skills, resources and guides listed in this roadmap.",
+    "keywords": [
+      "guide to becoming a QA engineer",
+      "QA engineer",
+      "QA skills",
+      "QA development skills",
+      "QA development skills test",
+      "QA engineer roadmap",
+      "become a QA engineer",
+      "QA engineer career path",
+      "skills for QA development",
+      "what is QA engineer",
+      "QA engineer quiz",
+      "QA engineer interview questions"
+    ]
+  },
   "title": "QA Engineer",
   "description": "Steps to follow in order to become a modern QA Engineer in 2020",
   "featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2020",
   "upcoming": true,
+  "path": "./0-About/0-Summary.md",
   "author": {
     "name": "Anas Fitiani",
     "url": "https://github.com/anas-qa"

content/site.json

@@ -2,7 +2,7 @@
   "author": "Kamran Ahmed",
   "title": "Roadmaps to becoming a modern developer",
   "name": "roadmap.sh",
-  "description": "Roadmaps, articles and resources to help you choose your path, learn and improve.",
+  "description": "Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve.",
   "twitter": "kamranahmedse",
   "facebook": "kamranahmedse",
   "logo": "/brand.png",

pages/[roadmap]/index.js

@@ -19,8 +19,9 @@ const Roadmap = ({ roadmap, canonical }) => {
     <DefaultLayout>
       <Helmet
         canonical={canonical}
-        title={ roadmap.title }
-        description={ roadmap.description }
+        title={ roadmap?.seo?.title || roadmap.title }
+        description={ roadmap?.seo?.description || roadmap.description }
+        keywords={ roadmap?.keywords || [] }
       />
       <SiteNav />
       { showSummary ? <RoadmapSummary roadmap={roadmap} /> : <DetailedRoadmap roadmap={roadmap} /> }

pages/about.js

@@ -7,7 +7,9 @@ import Helmet from 'components/helmet';
 
 const About = () => (
   <DefaultLayout>
-    <Helmet />
+    <Helmet
+      title={'About roadmap.sh'}
+    />
     <SiteNav />
     <AboutHeader />
     <FaqList />

pages/privacy.js

@@ -6,16 +6,16 @@ import Helmet from 'components/helmet';
 
 const Privacy = () => (
   <DefaultLayout>
-    <Helmet />
+    <Helmet  title={'Privacy Policy - roadmap.sh'} />
     <TosPage>
       <SiteNav />
       <div className="bg-light border-top privacy-wrap">
         <div className="container pt-5 pb-5">
-          <h2 className='font-weight-bold mb-3'>Privacy Policy</h2>
+          <h1 className='font-weight-bold mb-3'>Privacy Policy</h1>
           <p>By using or accessing the Services in any manner, you acknowledge that you accept the practices and policies outlined in this Privacy Policy, and you hereby consent that we will collect, use, and share your information in the following ways. Remember that your use of roadmap.sh’s Services is at all times subject to the <a
             href="/terms">Terms of Use</a>, which incorporates this Privacy Policy. Any terms we use in this Policy without defining them have the definitions given to them in the Terms of Use.</p>
 
-          <h4>What does this Privacy Policy cover?</h4>
+          <h2>What does this Privacy Policy cover?</h2>
           <p>This Privacy Policy covers our treatment of personally identifiable information ("Personal Information") that we gather when you are accessing or using our Services, but not to the practices of companies we don’t own or control, or people that we don’t manage. We gather various types of Personal Information from our users, as
             explained in more detail below, and we use this Personal Information internally in connection with our Services, including to personalize, provide, and improve our services, to allow you to set up a user account and profile, to contact you and allow other users to contact you, to fulfill your requests for certain products and
             services, and to analyze how you use the Services. In certain cases, we may also share some Personal Information with third parties, but only as described below.</p>
@@ -23,13 +23,13 @@ const Privacy = () => (
             age
             13, we will delete that information as quickly as possible. If you believe that a child under 13 may have provided us personal information, please contact us at <a href="mailto:kamran@roadmap.sh">kamran@roadmap.sh</a>.</p>
 
-          <h4>Will roadmap.sh ever change this Privacy Policy?</h4>
+          <h2>Will roadmap.sh ever change this Privacy Policy?</h2>
           <p>We’re constantly trying to improve our Services, so we may need to change this Privacy Policy from time to time as well, but we will alert you to changes by updating the services on the website, placing a notice on the Services, by sending you an email, and/or by some other means. Please note that if you’ve opted not to
             receive
             legal notice emails from us (or you haven’t provided us with your email address), those legal notices will still govern your use of the Services, and you are still responsible for reading and understanding them. If you use the Services after any changes to the Privacy Policy have been posted, that means you agree to all of the
             changes. Use of information we collect now is subject to the Privacy Policy in effect at the time such information is used or collected.</p>
 
-          <h4>What Information does roadmap.sh Collect?</h4>
+          <h2>What Information does roadmap.sh Collect?</h2>
           <p>Information You Provide to Us:</p>
           <p>We receive and store any information you knowingly provide to us. For example, through the registration process and/or through your account settings, we may collect Personal Information such as your name, title, email address, phone number, and third-party account credentials (for example, your log-in credentials for Twitter
             or
@@ -38,7 +38,7 @@ const Privacy = () => (
           <p>We may communicate with you if you’ve provided us the means to do so. For example, if you’ve given us your email address, we may send you promotional email offers on behalf of other businesses, or email you about your use of the Services. Also, we may receive a confirmation when you open an email from us. This confirmation
             helps us make our communications with you more interesting and improve our services. If you do not want to receive communications from us, please email us at <a href="mailto:kamran@roadmap.sh">kamran@roadmap.sh</a>.</p>
 
-          <h4>Information Collected Automatically</h4>
+          <h2>Information Collected Automatically</h2>
           <p>Whenever you interact with our Services, we automatically receive and record information on our server logs from your browser or device, which may include your IP address, geolocation data, device identification, “cookie” information, the type of browser and/or device you’re using to access our Services, and the page or
             feature
             you requested. “Cookies” are identifiers we transfer to your browser or device that allow us to recognize your browser or device and tell us how and when pages and features in our Services are visited and by how many people. You may be able to change the preferences on your browser or device to prevent or limit your device’s
@@ -48,7 +48,7 @@ const Privacy = () => (
             many
             users as possible.</p>
 
-          <h4>Will roadmap.sh Share Any of the Personal Information it Receives?</h4>
+          <h2>Will roadmap.sh Share Any of the Personal Information it Receives?</h2>
           <p>We may share your Personal Information with third parties as described in this section:</p>
           <p>Information that’s no longer personally identifiable. We may anonymize your Personal Information so that you are not individually identified, and provide that information to our partners. We may also provide aggregate usage information to our partners, who may use such information to understand how often and in what ways
             people
@@ -77,12 +77,12 @@ const Privacy = () => (
             users,
             or others.</p>
 
-          <h4>Is Personal Information about me secure?</h4>
+          <h2>Is Personal Information about me secure?</h2>
           <p>Your account is protected by a password for your privacy and security. If you access your account via a third party site or service, you may have additional or different sign-on protections via that third party site or service. You must prevent unauthorized access to your account and Personal Information by selecting and
             protecting your password and/or other sign-on mechanism appropriately and limiting access to your computer or device and browser by signing off after you have finished accessing your account. We endeavor to protect the privacy of your account and other Personal Information we hold in our records, but unfortunately, we cannot
             guarantee complete security. Unauthorized entry or use, hardware or software failure, and other factors, may compromise the security of user information at any time.</p>
 
-          <h4>What Personal Information can I access?</h4>
+          <h2>What Personal Information can I access?</h2>
           <p>Through your account settings, you may access, and, in some cases, edit or delete the following information you’ve provided to us:</p>
           <ul>
             <li>first and last name</li>
@@ -95,14 +95,14 @@ const Privacy = () => (
             are
             a California resident and would like a copy of this notice, please submit a written request to: <a href="mailto:kamran@roadmap.sh">kamran@roadmap.sh</a>.</p>
 
-          <h4>What choices do I have?</h4>
+          <h2>What choices do I have?</h2>
           <p>You can always opt not to disclose information to us, but keep in mind some information may be needed to register with us or to take advantage of some of our features.</p>
           <p>You may be able to add, update, or delete information as explained above. When you update information, however, we may maintain a copy of the unrevised information in our records. You may request deletion of your account by contacting us at <a href="mailto:kamran@roadmap.sh">kamran@roadmap.sh</a> and we will disassociate
             our
             email address and Twitter account from any content or other information provided to us. Some information may remain in our records after your deletion of such information from your account. We may use any aggregated data derived from or incorporating your Personal Information after you update or delete it, but not in a manner
             that would identify you personally.</p>
 
-          <h4>What if I have questions about this policy?</h4>
+          <h2>What if I have questions about this policy?</h2>
           <p>If you have any questions or concerns regarding our privacy policies, please send us a detailed message to <a href="mailto:kamran@roadmap.sh">kamran@roadmap.sh</a>, and we will try to resolve your concerns.</p>
         </div>
       </div>

pages/signup.js

@@ -6,7 +6,7 @@ import Helmet from 'components/helmet';
 
 const SignUp = () => (
   <DefaultLayout>
-    <Helmet />
+    <Helmet title={'Sign Up: Be a part of the community'} />
     <SiteNav />
     <SignUpForm />
     <PageFooter />

pages/terms.js

@@ -7,11 +7,11 @@ import DefaultLayout from 'layouts/default/index';
 const Terms = () => (
   <DefaultLayout>
     <TosPage>
-      <Helmet />
+      <Helmet title={'Terms – roadmap.sh'} />
       <SiteNav />
       <div className="bg-light border-top tos-wrap">
         <div className="container pt-5 pb-5">
-          <h2>Terms of Service</h2>
+          <h1>Terms of Service</h1>
 
           <p className='text-uppercase'>Please note that your use of and access to our services (defined below) are subject to the following terms; if you do not agree to all of the following, you may not use or access the services in any manner.</p>
 

public/sitemap.xml

@@ -3,187 +3,169 @@
 <url>
               <loc>https://roadmap.sh/frontend</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.852Z</lastmod>
-              <priority>1.0</priority>
-          </url>
-<url>
-              <loc>https://roadmap.sh/frontend/summary-detailed</loc>
-              <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.852Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.087Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/summary</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.852Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.087Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
-              <loc>https://roadmap.sh/frontend/skill-summary</loc>
+              <loc>https://roadmap.sh/frontend/basic-skills</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.852Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.100Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
-              <loc>https://roadmap.sh/frontend/job-titles</loc>
+              <loc>https://roadmap.sh/frontend/landscape</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.852Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.087Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
-              <loc>https://roadmap.sh/frontend/junior-developer</loc>
-              <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
-              <priority>1.0</priority>
-          </url>
-<url>
-              <loc>https://roadmap.sh/frontend/mid-level-developer</loc>
-              <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
-              <priority>1.0</priority>
-          </url>
-<url>
-              <loc>https://roadmap.sh/frontend/senior-developer</loc>
+              <loc>https://roadmap.sh/frontend/job-titles</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.100Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/job-ready</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.099Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/write-better-css</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.088Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/build-tools</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.088Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/modern-applications</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.088Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/automated-testing</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.088Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/static-type-checkers</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.088Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/server-side-rendering</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.853Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.088Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/frontend/go-beyond</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.854Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.088Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/backend</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.854Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.705Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/backend/summary</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.854Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.705Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/backend/summary</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.854Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.705Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/backend/junior</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.854Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.705Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/backend/intermediate</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.854Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.705Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/backend/senior</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.855Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.705Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/devops</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.855Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/devops/summary</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.855Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/devops/junior</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.855Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/devops/intermediate</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.855Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/devops/senior</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.855Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/fullstack</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.856Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/fullstack/summary</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.856Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/qa</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.857Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/qa/summary</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.857Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.706Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
@@ -231,13 +213,13 @@
 <url>
               <loc>https://roadmap.sh/about</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-02T05:41:16.178Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.090Z</lastmod>
               <priority>0.8</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/guides</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.863Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.711Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
@@ -249,19 +231,19 @@
 <url>
               <loc>https://roadmap.sh/roadmaps</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.864Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.711Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/signup</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-02T05:41:16.179Z</lastmod>
+              <lastmod>2020-01-29T07:49:37.091Z</lastmod>
               <priority>0.9</priority>
           </url>
 <url>
               <loc>https://roadmap.sh/sponsors</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2020-01-20T07:22:49.864Z</lastmod>
+              <lastmod>2020-01-29T07:49:29.711Z</lastmod>
               <priority>0.5</priority>
           </url>
 </urlset>

scripts/roadmaps-meta.js

@@ -16,7 +16,7 @@ const roadmapsMeta = roadmapDirs.reduce((metaAcc, roadmapDirName) => {
 
   // We can't use the absolute path in the build e.g. ~/Users/user/where-build-is-running/content
   // So, we remove it and use the path relative to content directory
-  const summaryFilePath = path.join(roadmapDir.replace(STORAGE_PATH, ''), '/0-About/0-Summary.md');
+  const roadmapLandingFilePath = path.join(roadmapDir.replace(STORAGE_PATH, ''), roadmapMeta.path);
 
   const contributors = exec(`git log --pretty=format:"%an%x09" ${roadmapDir} | uniq`)
     .toString()
@@ -76,7 +76,7 @@ const roadmapsMeta = roadmapDirs.reduce((metaAcc, roadmapDirName) => {
       contributorsCount: contributorNames.length,
       contributorsUrl: `/${roadmapSlug}/contributors`,
       url: `/${roadmapSlug}`,
-      path: summaryFilePath,
+      path: roadmapLandingFilePath,
       sidebar,
     },
   ];