diff --git a/components/home/featured-roadmaps-list.tsx b/components/home/featured-roadmaps-list.tsx index c770a067a..64a7aeda5 100644 --- a/components/home/featured-roadmaps-list.tsx +++ b/components/home/featured-roadmaps-list.tsx @@ -13,7 +13,19 @@ export const upcomingRoadmaps = [ title: 'React Native', description: 'Step by step guide to become a React Native Developer', id: 'react-native' - } + }, + { + type: 'Skill Based', + title: 'TypeScript', + description: 'Step by step guide to learn TypeScript in 2022', + id: 'typescript' + }, + { + type: 'Skill Based', + title: 'Rust', + description: 'Step by step guide to learn Rust in 2022', + id: 'rust' + }, ]; export function FeaturedRoadmapsList(props: FeaturedRoadmapsListProps) { @@ -30,7 +42,7 @@ export function FeaturedRoadmapsList(props: FeaturedRoadmapsListProps) { url={`/${roadmap.id}`} key={roadmap.id} colorIndex={counter} - title={roadmap.featuredTitle} + title={roadmap.featuredTitle === 'Software Design and Architecture' ? 'Software Design' : roadmap.featuredTitle} isCommunity={roadmap.isCommunity} isNew={roadmap.isNew} subtitle={roadmap.featuredDescription} diff --git a/components/related-roadmaps.tsx b/components/related-roadmaps.tsx index 558497965..ce3b5230f 100644 --- a/components/related-roadmaps.tsx +++ b/components/related-roadmaps.tsx @@ -17,6 +17,10 @@ const colorsList = [ 'pink.700' ]; +const roadmapTitleMapping: Record = { + "Software Design and Architecture": "Software Design", +} + export function RelatedRoadmaps(props: RelatedRoadmapsProps) { const { roadmaps } = props; if (!roadmaps.length) { @@ -61,9 +65,10 @@ export function RelatedRoadmaps(props: RelatedRoadmapsProps) { as='span' fontWeight='bold' display={['inline-block']} - minWidth='140px' + minWidth='150px' + mr='10px' > - {roadmap.featuredTitle} + {roadmapTitleMapping[roadmap.featuredTitle] || roadmap.featuredTitle} {roadmap.featuredDescription} diff --git a/content/guides.json b/content/guides.json index 58cbb698d..5fab890b5 100644 --- a/content/guides.json +++ b/content/guides.json @@ -1,4 +1,14 @@ [ + { + "id": "http-basic-authentication", + "title": "HTTP Basic Authentication", + "description": "Learn what is HTTP Basic Authentication and how to implement it in Node.js", + "isNew": true, + "type": "textual", + "authorUsername": "kamranahmedse", + "updatedAt": "2022-10-03T19:59:14.191Z", + "createdAt": "2022-10-03T19:59:14.191Z" + }, { "id": "basics-of-authentication", "title": "Basics of Authentication", diff --git a/content/guides/http-basic-authentication.md b/content/guides/http-basic-authentication.md new file mode 100644 index 000000000..bec2185ca --- /dev/null +++ b/content/guides/http-basic-authentication.md @@ -0,0 +1,93 @@ +Our last guide was about the [basics of authentication](/guides/basics-of-authentication), where we discussed authentication, authorization, types of authentication, authentication factors, authentication strategies, and so on. + +In this guide today, we will be learning about basic authentication, and we will see how we can implement Basic Authentication in Node.js. We have a [visual guide on the basic authentication](/guides/basic-authentication) and an illustrative video, watch the video below or continue reading: + +