Update title for best practices pages

pull/3432/head
Kamran Ahmed 2 years ago
parent e04bd9db05
commit 938c7796d1
  1. 6
      src/best-practices/frontend-performance/frontend-performance.md
  2. 2
      src/components/RoadmapBanner.astro
  3. 4
      src/lib/best-pratice.ts
  4. 2
      src/lib/roadmap-topic.ts
  5. 4
      src/lib/roadmap.ts
  6. 2
      src/pages/[roadmapId]/[...topicId].astro
  7. 2
      src/pages/[roadmapId]/index.astro
  8. 2
      src/pages/[roadmapId]/topics.astro
  9. 2
      src/pages/best-practices/[bestPracticeId]/[...topicId].astro
  10. 2
      src/pages/best-practices/[bestPracticeId]/index.astro
  11. 2
      src/pages/best-practices/index.astro
  12. 6
      src/pages/index.astro
  13. 4
      src/roadmaps/android/android.md
  14. 4
      src/roadmaps/angular/angular.md
  15. 4
      src/roadmaps/aspnet-core/aspnet-core.md
  16. 4
      src/roadmaps/backend/backend.md
  17. 4
      src/roadmaps/blockchain/blockchain.md
  18. 4
      src/roadmaps/computer-science/computer-science.md
  19. 4
      src/roadmaps/cyber-security/cyber-security.md
  20. 4
      src/roadmaps/design-system/design-system.md
  21. 4
      src/roadmaps/devops/devops.md
  22. 4
      src/roadmaps/flutter/flutter.md
  23. 4
      src/roadmaps/frontend/frontend.md
  24. 4
      src/roadmaps/golang/golang.md
  25. 4
      src/roadmaps/graphql/graphql.md
  26. 4
      src/roadmaps/java/java.md
  27. 4
      src/roadmaps/javascript/javascript.md
  28. 4
      src/roadmaps/kubernetes/kubernetes.md
  29. 4
      src/roadmaps/nodejs/nodejs.md
  30. 4
      src/roadmaps/postgresql-dba/postgresql-dba.md
  31. 4
      src/roadmaps/python/python.md
  32. 4
      src/roadmaps/qa/qa.md
  33. 4
      src/roadmaps/react-native/react-native.md
  34. 4
      src/roadmaps/react/react.md
  35. 4
      src/roadmaps/software-architect/software-architect.md
  36. 4
      src/roadmaps/software-design-architecture/software-design-architecture.md
  37. 4
      src/roadmaps/spring-boot/spring-boot.md
  38. 4
      src/roadmaps/system-design/system-design.md
  39. 4
      src/roadmaps/typescript/typescript.md
  40. 4
      src/roadmaps/vue/vue.md

@ -2,11 +2,11 @@
jsonUrl: "/jsons/best-practices/frontend-performance.json"
pdfUrl: "/pdfs/best-practices/frontend-performance.pdf"
order: 1
featuredTitle: "Frontend Performance"
featuredDescription: "Frontend Performance Best Practices"
briefTitle: "Frontend Performance"
briefDescription: "Frontend Performance Best Practices"
isNew: true
isUpcoming: false
title: "Frontend Performance"
title: "Frontend Performance Best Practices"
description: "Detailed list of best practices to improve your frontend performance"
dimensions:
width: 968

@ -17,6 +17,6 @@ const { roadmap, roadmapId } = Astro.props;
<span class='hidden sm:inline'>Click to visit the interactive version of</span>
<span class='inline sm:hidden'>Visit complete</span>
<span class='sm:lowercase ml-0.5 font-medium underline underline-offset-1'>{roadmap.featuredTitle} roadmap</span>
<span class='sm:lowercase ml-0.5 font-medium underline underline-offset-1'>{roadmap.briefTitle} roadmap</span>
</span>
</a>

@ -5,8 +5,8 @@ export interface BestPracticeFrontmatter {
jsonUrl: string;
pdfUrl: string;
order: number;
featuredTitle: string;
featuredDescription: string;
briefTitle: string;
briefDescription: string;
title: string;
description: string;
isNew: boolean;

@ -113,7 +113,7 @@ export async function getRoadmapTopicFiles(): Promise<Record<string, RoadmapTopi
url: '/roadmaps',
},
{
title: currentRoadmap.featuredTitle,
title: currentRoadmap.briefTitle,
url: `${roadmapUrl}`,
},
{

@ -5,8 +5,8 @@ export interface RoadmapFrontmatter {
jsonUrl: string;
pdfUrl: string;
order: number;
featuredTitle: string;
featuredDescription: string;
briefTitle: string;
briefDescription: string;
title: string;
description: string;
hasTopics: boolean;

@ -28,7 +28,7 @@ const { file, breadcrumbs, roadmapId, roadmap, heading } = Astro.props as Roadma
<BaseLayout
title={`${heading} - roadmap.sh`}
description={`Free resources to learn ${heading} in ${roadmap.featuredTitle}. Everything you need to know about ${heading} and how it realtes to ${roadmap.featuredTitle}.`}
description={`Free resources to learn ${heading} in ${roadmap.briefTitle}. Everything you need to know about ${heading} and how it realtes to ${roadmap.briefTitle}.`}
noIndex={true}
permalink={`/${roadmapId}/${topicId}`}
>

@ -76,7 +76,7 @@ const contentContributionLink = `https://github.com/kamranahmedse/developer-road
{
!roadmapData.isUpcoming && roadmapData.jsonUrl && (
<div class='max-w-[1000px] container relative'>
<ShareIcons description={roadmapData.featuredDescription} pageUrl={`https://roadmap.sh/${roadmapId}`} />
<ShareIcons description={roadmapData.briefDescription} pageUrl={`https://roadmap.sh/${roadmapId}`} />
<TopicOverlay contentContributionLink={contentContributionLink} />
<FrameRenderer

@ -30,7 +30,7 @@ const roadmapData = roadmapFile.frontmatter as RoadmapFrontmatter;
>
<RoadmapHeader
description={roadmapData.description}
title={`${roadmapData.featuredTitle} Topics`}
title={`${roadmapData.briefTitle} Topics`}
roadmapId={roadmapId}
hasSearch={true}
hasTopics={false}

@ -26,7 +26,7 @@ const { file, bestPracticeId, bestPractice, heading } = Astro.props as BestPract
<BaseLayout
title={`${heading} - roadmap.sh`}
description={`Free resources to learn ${heading} in ${bestPractice.featuredTitle}. Everything you need to know about ${heading} and how it realtes to ${bestPractice.featuredTitle}.`}
description={`Free resources to learn ${heading} in ${bestPractice.briefTitle}. Everything you need to know about ${heading} and how it realtes to ${bestPractice.briefTitle}.`}
noIndex={true}
permalink={`/best-practices/${bestPracticeId}/${topicId}`}
>

@ -69,7 +69,7 @@ const contentContributionLink = `https://github.com/kamranahmedse/developer-road
!bestPracticeData.isUpcoming && bestPracticeData.jsonUrl && (
<div class='max-w-[1000px] container relative'>
<ShareIcons
description={bestPracticeData.featuredDescription}
description={bestPracticeData.briefDescription}
pageUrl={`https://roadmap.sh/best-practices/${bestPracticeId}`}
/>
<TopicOverlay contentContributionLink={contentContributionLink} />

@ -25,7 +25,7 @@ const bestPractices = await getAllBestPractices();
<GridItem
url={`/best-practices/${bestPractice.id}`}
isNew={bestPractice.frontmatter.isNew}
title={bestPractice.frontmatter.title}
title={bestPractice.frontmatter.briefTitle}
description={bestPractice.frontmatter.description}
/>
))

@ -44,7 +44,7 @@ const videos = await getAllVideos();
<FeaturedItems
heading='Role based Roadmaps'
featuredItems={roleRoadmaps.map((roadmapItem) => ({
text: roadmapItem.frontmatter.featuredTitle,
text: roadmapItem.frontmatter.briefTitle,
url: `/${roadmapItem.id}`,
isNew: roadmapItem.frontmatter.isNew,
isUpcoming: roadmapItem.frontmatter.isUpcoming,
@ -54,7 +54,7 @@ const videos = await getAllVideos();
<FeaturedItems
heading='Skill based Roadmaps'
featuredItems={skillRoadmaps.map((roadmapItem) => ({
text: roadmapItem.frontmatter.featuredTitle === 'Go' ? 'Go Roadmap' : roadmapItem.frontmatter.featuredTitle,
text: roadmapItem.frontmatter.briefTitle === 'Go' ? 'Go Roadmap' : roadmapItem.frontmatter.briefTitle,
url: `/${roadmapItem.id}`,
isNew: roadmapItem.frontmatter.isNew,
isUpcoming: roadmapItem.frontmatter.isUpcoming,
@ -64,7 +64,7 @@ const videos = await getAllVideos();
<FeaturedItems
heading='Best Practices'
featuredItems={bestPractices.map((bestPractice) => ({
text: bestPractice.frontmatter.featuredTitle,
text: bestPractice.frontmatter.briefTitle,
url: `/best-practices/${bestPractice.id}`,
isNew: bestPractice.frontmatter.isNew,
isUpcoming: bestPractice.frontmatter.isUpcoming,

@ -2,8 +2,8 @@
# jsonUrl: "/jsons/roadmaps/android.json"
pdfUrl: "/pdfs/roadmaps/android.pdf"
order: 4
featuredTitle: "Android"
featuredDescription: "Step by step guide to becoming an Android Developer in 2023"
briefTitle: "Android"
briefDescription: "Step by step guide to becoming an Android Developer in 2023"
title: "Android Developer"
description: "Step by step guide to becoming an Android developer in 2023"
hasTopics: false

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/angular.json"
pdfUrl: "/pdfs/roadmaps/angular.pdf"
order: 3
featuredTitle: "Angular"
featuredDescription: "Step by step guide to become a Angular Developer in 2023"
briefTitle: "Angular"
briefDescription: "Step by step guide to become a Angular Developer in 2023"
title: "Angular Developer"
description: "Everything that is there to learn about Angular and the ecosystem in 2023."
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/aspnet-core.json"
pdfUrl: "/pdfs/roadmaps/aspnet-core.pdf"
order: 9
featuredTitle: "ASP.NET Core"
featuredDescription: "Step by step guide to becoming an ASP.NET Core Developer in 2023"
briefTitle: "ASP.NET Core"
briefDescription: "Step by step guide to becoming an ASP.NET Core Developer in 2023"
title: "ASP.NET Core Developer"
description: "Step by step guide to becoming an ASP.NET core developer in 2023"
isNew: false

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/backend.json"
pdfUrl: "/pdfs/roadmaps/backend.pdf"
order: 2
featuredTitle: "Backend"
featuredDescription: "Step by step guide to becoming a backend developer in 2023"
briefTitle: "Backend"
briefDescription: "Step by step guide to becoming a backend developer in 2023"
title: "Backend Developer"
description: "Step by step guide to becoming a modern backend developer in 2023"
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/blockchain.json"
pdfUrl: "/pdfs/roadmaps/blockchain.pdf"
order: 6
featuredTitle: "Blockchain"
featuredDescription: "Step by step guide to becoming a blockchain developer in 2023"
briefTitle: "Blockchain"
briefDescription: "Step by step guide to becoming a blockchain developer in 2023"
title: "Blockchain Developer"
description: "Step by step guide to becoming a blockchain developer in 2023."
isNew: false

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/computer-science.json"
pdfUrl: "/pdfs/roadmaps/computer-science.pdf"
order: 1
featuredTitle: "Computer Science"
featuredDescription: "Curriculum with free resources for a self-taught developer."
briefTitle: "Computer Science"
briefDescription: "Curriculum with free resources for a self-taught developer."
title: "Computer Science"
description: "Computer Science curriculum with free resources for a self-taught developer."
isNew: true

@ -1,7 +1,7 @@
---
order: 12
featuredTitle: "Cyber Security"
featuredDescription: "Step by step guide to becoming a Cyber Security Expert in 2023"
briefTitle: "Cyber Security"
briefDescription: "Step by step guide to becoming a Cyber Security Expert in 2023"
title: "Cyber Security Expert"
description: "Step by step guide to becoming a Cyber Security developer in 2023"
isUpcoming: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/design-system.json"
pdfUrl: "/pdfs/roadmaps/design-system.pdf"
order: 13
featuredTitle: "Design System"
featuredDescription: "Step by step guide to building a modern Design System"
briefTitle: "Design System"
briefDescription: "Step by step guide to building a modern Design System"
title: "Design System"
description: "Learn how to create a design system with this step by step guide"
isNew: false

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/devops.json"
pdfUrl: "/pdfs/roadmaps/devops.pdf"
order: 3
featuredTitle: "DevOps"
featuredDescription: "Step by step guide for DevOps or operations role in 2023"
briefTitle: "DevOps"
briefDescription: "Step by step guide for DevOps or operations role in 2023"
title: "DevOps Roadmap"
description: "Step by step guide for DevOps, SRE or any other Operations Role in 2023"
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/flutter.json"
pdfUrl: "/pdfs/roadmaps/flutter.pdf"
order: 10
featuredTitle: "Flutter"
featuredDescription: "Step by step guide to becoming a Flutter Developer in 2023"
briefTitle: "Flutter"
briefDescription: "Step by step guide to becoming a Flutter Developer in 2023"
title: "Flutter Developer"
description: "Step by step guide to becoming a Flutter developer in 2023"
isNew: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/frontend.json"
pdfUrl: "/pdfs/roadmaps/frontend.pdf"
order: 1
featuredTitle: "Frontend"
featuredDescription: "Step by step guide to becoming a frontend developer in 2023"
briefTitle: "Frontend"
briefDescription: "Step by step guide to becoming a frontend developer in 2023"
title: "Frontend Developer"
description: "Step by step guide to becoming a modern frontend developer in 2023"
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/golang.json"
pdfUrl: "/pdfs/roadmaps/golang.pdf"
order: 11
featuredTitle: "Go"
featuredDescription: "Step by step guide to becoming a Go developer in 2023"
briefTitle: "Go"
briefDescription: "Step by step guide to becoming a Go developer in 2023"
title: "Go Developer"
description: "Step by step guide to becoming a Go developer in 2023"
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/graphql.json"
pdfUrl: "/pdfs/roadmaps/graphql.pdf"
order: 12
featuredTitle: "GraphQL"
featuredDescription: "Step by Step guide to learn GraphQL in 2023"
briefTitle: "GraphQL"
briefDescription: "Step by Step guide to learn GraphQL in 2023"
title: "GraphQL"
description: "Step by step guide to learn GraphQL in 2023"
isNew: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/java.json"
pdfUrl: "/pdfs/roadmaps/java.pdf"
order: 9
featuredTitle: "Java"
featuredDescription: "Step by step guide to becoming a Java Developer in 2023"
briefTitle: "Java"
briefDescription: "Step by step guide to becoming a Java Developer in 2023"
title: "Java Developer"
description: "Step by step guide to becoming a Java developer in 2023"
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/javascript.json"
pdfUrl: "/pdfs/roadmaps/javascript.pdf"
order: 5
featuredTitle: "JavaScript"
featuredDescription: "Step by step guide to learn JavaScript in 2023"
briefTitle: "JavaScript"
briefDescription: "Step by step guide to learn JavaScript in 2023"
title: "JavaScript Roadmap"
description: "Step by step guide to learn JavaScript in 2023"
isNew: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/kubernetes.json"
pdfUrl: "/pdfs/roadmaps/kubernetes.pdf"
order: 14
featuredTitle: "Kubernetes"
featuredDescription: "Step by step guide to learning Kubernetes in 2023"
briefTitle: "Kubernetes"
briefDescription: "Step by step guide to learning Kubernetes in 2023"
title: "Kubernetes Roadmap"
description: "Step by step guide to learning Kubernetes in 2023"
isNew: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/nodejs.json"
pdfUrl: "/pdfs/roadmaps/nodejs.pdf"
order: 6
featuredTitle: "Node.js"
featuredDescription: "Step by step guide to becoming a Node.js developer in 2023"
briefTitle: "Node.js"
briefDescription: "Step by step guide to becoming a Node.js developer in 2023"
title: "Node.js Developer"
description: "Step by step guide to becoming a modern Node.js developer in 2023"
isNew: false

@ -1,8 +1,8 @@
---
pdfUrl: "/pdfs/roadmaps/postgresql-dba.pdf"
order: 5
featuredTitle: "DBA"
featuredDescription: "Step by step guide to become a PostgreSQL DBA in 2023"
briefTitle: "DBA"
briefDescription: "Step by step guide to become a PostgreSQL DBA in 2023"
title: "PostgreSQL DBA"
description: "Step by step guide to becoming a modern PostgreSQL DB Administrator in 2023"
hasTopics: false

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/python.json"
pdfUrl: "/pdfs/roadmaps/python.pdf"
order: 7
featuredTitle: "Python"
featuredDescription: "Step by step guide to becoming a Python Developer in 2023"
briefTitle: "Python"
briefDescription: "Step by step guide to becoming a Python Developer in 2023"
title: "Python Developer"
description: "Step by step guide to becoming a Python developer in 2023"
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/qa.json"
pdfUrl: "/pdfs/roadmaps/qa.pdf"
order: 7
featuredTitle: "QA"
featuredDescription: "Step by step guide to becoming a modern QA Engineer in 2023"
briefTitle: "QA"
briefDescription: "Step by step guide to becoming a modern QA Engineer in 2023"
title: "QA Engineer"
description: "Steps to follow in order to become a modern QA Engineer in 2023"
isNew: false

@ -1,7 +1,7 @@
---
order: 11
featuredTitle: "React Native"
featuredDescription: "Step by step guide to becoming a React Native Developer in 2023"
briefTitle: "React Native"
briefDescription: "Step by step guide to becoming a React Native Developer in 2023"
title: "React Native Developer"
description: "Step by step guide to becoming a React Native developer in 2023"
isUpcoming: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/react.json"
pdfUrl: "/pdfs/roadmaps/react.pdf"
order: 2
featuredTitle: "React"
featuredDescription: "Step by step guide to become a React Developer in 2023"
briefTitle: "React"
briefDescription: "Step by step guide to become a React Developer in 2023"
title: "React Developer"
description: "Everything that is there to learn about React and the ecosystem in 2023."
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/software-architect.json"
pdfUrl: "/pdfs/roadmaps/software-architect.pdf"
order: 8
featuredTitle: "Software Architect"
featuredDescription: "Step by step guide to become a Software Architect in 2023"
briefTitle: "Software Architect"
briefDescription: "Step by step guide to become a Software Architect in 2023"
title: "Software Architect"
description: "Step by step guide to becoming a Software Architect in 2023"
isNew: false

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/software-design-architecture.json"
pdfUrl: "/pdfs/roadmaps/software-design-architecture.pdf"
order: 12
featuredTitle: "Design and Architecture"
featuredDescription: "Guide to learn software design and architecture"
briefTitle: "Design and Architecture"
briefDescription: "Guide to learn software design and architecture"
title: "Software Design and Architecture"
description: "Step by step guide to learn software design and architecture"
isNew: false

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/spring-boot.json"
pdfUrl: "/pdfs/roadmaps/spring-boot.pdf"
order: 10
featuredTitle: "Spring Boot"
featuredDescription: "Step by step guide to becoming a Spring Boot Developer in 2023"
briefTitle: "Spring Boot"
briefDescription: "Step by step guide to becoming a Spring Boot Developer in 2023"
title: "Spring Boot Developer"
description: "Step by step guide to becoming a Spring Boot developer in 2023"
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/system-design.json"
pdfUrl: "/pdfs/roadmaps/system-design.pdf"
order: 8
featuredTitle: "System Design"
featuredDescription: "Guide to learn system Design"
briefTitle: "System Design"
briefDescription: "Guide to learn system Design"
title: "System Design"
description: "Everything you need to know about designing large scale systems."
isNew: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/typescript.json"
pdfUrl: "/pdfs/roadmaps/typescript.pdf"
order: 6
featuredTitle: "TypeScript"
featuredDescription: "Everything you need to learn about TypeScript in 2023"
briefTitle: "TypeScript"
briefDescription: "Everything you need to learn about TypeScript in 2023"
title: "TypeScript"
description: "Everything you need to learn about TypeScript in 2023"
hasTopics: true

@ -2,8 +2,8 @@
jsonUrl: "/jsons/roadmaps/vue.json"
pdfUrl: "/pdfs/roadmaps/vue.pdf"
order: 4
featuredTitle: "Vue"
featuredDescription: "Step by step guide to become a Vue Developer in 2023"
briefTitle: "Vue"
briefDescription: "Step by step guide to become a Vue Developer in 2023"
title: "Vue Developer"
description: "Everything that is there to learn about Vue and the ecosystem in 2023."
isNew: false

Loading…
Cancel
Save