diff --git a/src/components/UpcomingRoadmap.astro b/src/components/UpcomingRoadmap.astro new file mode 100644 index 000000000..fc6b80000 --- /dev/null +++ b/src/components/UpcomingRoadmap.astro @@ -0,0 +1,46 @@ +--- +import CaptchaFields from './Captcha/CaptchaFields.astro'; +import Icon from './Icon.astro'; +--- + +
+
+ + +

+ Please check back later or subscribe below. +

+ +
+ + + + + + + + + +
+
diff --git a/src/pages/[roadmapId]/index.astro b/src/pages/[roadmapId]/index.astro index 309708e49..3089867f6 100644 --- a/src/pages/[roadmapId]/index.astro +++ b/src/pages/[roadmapId]/index.astro @@ -3,6 +3,7 @@ import CaptchaScripts from '../../components/Captcha/CaptchaScripts.astro'; import InteractiveRoadmap from '../../components/InteractiveRoadmap/InteractiveRoadmap.astro'; import MarkdownRoadmap from '../../components/MarkdownRoadmap.astro'; import RoadmapHeader from '../../components/RoadmapHeader.astro'; +import UpcomingRoadmap from '../../components/UpcomingRoadmap.astro'; import BaseLayout from '../../layouts/BaseLayout.astro'; import { getRoadmapIds, RoadmapFrontmatter } from '../../lib/roadmap'; @@ -35,10 +36,11 @@ const roadmapData = roadmapFile.frontmatter as RoadmapFrontmatter; title={roadmapData.title} roadmapId={roadmapId} hasTopics={roadmapData.hasTopics} + isUpcoming={roadmapData.isUpcoming} /> { - roadmapData.jsonUrl && ( + !roadmapData.isUpcoming && roadmapData.jsonUrl && ( ) } + {roadmapData.isUpcoming && } + diff --git a/src/roadmaps/cyber-security/cyber-security.md b/src/roadmaps/cyber-security/cyber-security.md new file mode 100644 index 000000000..b570d4783 --- /dev/null +++ b/src/roadmaps/cyber-security/cyber-security.md @@ -0,0 +1,43 @@ +--- +order: 12 +featuredTitle: "Cyber Security" +featuredDescription: "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 +seo: + title: "Cyber Security Roadmap" + description: "Community driven, articles, resources, guides, interview questions, quizzes for cyber security. Learn to become a modern Cyber Security developer by following the steps, skills, resources and guides listed in this roadmap." + keywords: + - "guide to becoming a cyber security expert" + - "guide to becoming a cyber security expert" + - "cyber security expert" + - "cyber security skills" + - "guide to cyber security" + - "cyber security roadmap" + - "cyber security skills" + - "cyber security skills test" + - "skills for cyber security" + - "what is cyber security" + - "cyber security quiz" + - "cyber security interview questions" + - "cyber security engineer roadmap" + - "cyber security expert roadmap" + - "become a cyber security expert" + - "cyber security expert career path" + - "cyber security expert" + - "modern cyber security expert" +relatedRoadmaps: + - "backend" + - "devops" + - "java" + - "python" + - "nodejs" +sitemap: + priority: 1 + changefreq: "monthly" +tags: + - "roadmap" + - "main-sitemap" + - "role-roadmap" +--- \ No newline at end of file diff --git a/src/roadmaps/react-native/react-native.md b/src/roadmaps/react-native/react-native.md new file mode 100644 index 000000000..ca57f80c3 --- /dev/null +++ b/src/roadmaps/react-native/react-native.md @@ -0,0 +1,43 @@ +--- +order: 11 +featuredTitle: "React Native" +featuredDescription: "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 +seo: + title: "Learn to become a modern React Native developer" + description: "Community driven, articles, resources, guides, interview questions, quizzes for react native development. Learn to become a modern React Native developer by following the steps, skills, resources and guides listed in this roadmap." + keywords: + - "guide to becoming a react native developer" + - "guide to becoming a react native developer" + - "react native developer" + - "react native engineer" + - "react native skills" + - "guide to react native" + - "react native roadmap" + - "react native skills" + - "react native skills test" + - "skills for react native" + - "what is react native" + - "react native quiz" + - "react native interview questions" + - "react native engineer roadmap" + - "react native developer roadmap" + - "become a react native developer" + - "react native developer career path" + - "react native developer" + - "modern react native developer" +relatedRoadmaps: + - "flutter" + - "android" + - "javascript" + - "nodejs" +sitemap: + priority: 1 + changefreq: "monthly" +tags: + - "roadmap" + - "main-sitemap" + - "role-roadmap" +--- \ No newline at end of file