computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.0 KiB
35 lines
1.0 KiB
--- |
|
import GridRoadmapItem from '../components/GridRoadmapItem.astro'; |
|
import SimplePageHeader from '../components/SimplePageHeader.astro'; |
|
import BaseLayout from '../layouts/BaseLayout.astro'; |
|
import { getRoadmapsByTag } from '../lib/roadmap'; |
|
|
|
const roleRoadmaps = await getRoadmapsByTag('role-roadmap'); |
|
const skillRoadmaps = await getRoadmapsByTag('skill-roadmap'); |
|
--- |
|
|
|
<BaseLayout title="Roadmap"> |
|
<SimplePageHeader |
|
title="Developer Roadmaps" |
|
description="Step by step guides and paths to learn different tools or technologies" |
|
showYouTubeAlert={true} |
|
/> |
|
|
|
<div class="bg-gray-100 pt-4 pb-14 sm:pt-8 sm:pb-16"> |
|
<div class="container"> |
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-0.5 sm:gap-3"> |
|
{ |
|
roleRoadmaps.map((roleRoadmap) => ( |
|
<GridRoadmapItem roadmap={roleRoadmap} /> |
|
)) |
|
} |
|
|
|
{ |
|
skillRoadmaps.map((skillRoadmap) => ( |
|
<GridRoadmapItem roadmap={skillRoadmap} /> |
|
)) |
|
} |
|
</div> |
|
</div> |
|
</div> |
|
</BaseLayout>
|
|
|