github
/
developer-roadmap
mirror of https://github.com/kamranahmedse/developer-roadmap.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add support for link-groups

Browse Source
pull/3473/head
Kamran Ahmed 2 years ago
parent 8200993af4
commit b741a0e1ee
7 changed files with 117 additions and 10 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      sitemap.mjs
  2. 8
      src/layouts/BaseLayout.astro
  3. 2
      src/layouts/MarkdownLayout.astro
  4. 13
      src/layouts/SkeletonLayout.astro
  5. 39
      src/lib/link-group.ts
  6. 7
      src/link-groups/1.md
  7. 39
      src/pages/g/[linkGroupId]/[linkId].astro

5
sitemap.mjs
Unescape View File

@ -9,13 +9,14 @@ async function getBestPracticesIds() {
return fs.readdir(path.join(process.cwd(), 'src/best-practices')); return fs.readdir(path.join(process.cwd(), 'src/best-practices'));
} }
export function shouldIndexPage(page) { export function shouldIndexPage(pageUrl) {
return ![ return ![
'https://roadmap.sh/404', 'https://roadmap.sh/404',
'https://roadmap.sh/terms', 'https://roadmap.sh/terms',
'https://roadmap.sh/privacy', 'https://roadmap.sh/privacy',
'https://roadmap.sh/pdfs', 'https://roadmap.sh/pdfs',
].includes(page); 'https://roadmap.sh/g',
].includes(pageUrl);
} }
export async function serializeSitemap(item) { export async function serializeSitemap(item) {

8
src/layouts/BaseLayout.astro
Unescape View File

@ -11,6 +11,7 @@ import Analytics from '../components/Analytics/Analytics.astro';
export interface Props { export interface Props {
title: string; title: string;
redirectUrl?: string;
description?: string; description?: string;
keywords?: string[]; keywords?: string[];
noIndex?: boolean; noIndex?: boolean;
@ -29,6 +30,7 @@ const {
canonicalUrl: givenCanonical = '', canonicalUrl: givenCanonical = '',
sponsor, sponsor,
jsonLd = [], jsonLd = [],
redirectUrl = '',
} = Astro.props; } = Astro.props;
// Remove trailing slashes to consider the page as canonical // Remove trailing slashes to consider the page as canonical
@ -49,6 +51,7 @@ const commitUrl = `https://github.com/kamranahmedse/developer-roadmap/commit/${i
<meta name='description' content={description} /> <meta name='description' content={description} />
<meta name='author' content='Kamran Ahmed' /> <meta name='author' content='Kamran Ahmed' />
<meta name='keywords' content={keywords.join(', ')} /> <meta name='keywords' content={keywords.join(', ')} />
{redirectUrl && <meta http-equiv='refresh' content={`1;url=${redirectUrl}`} />}
{noIndex && <meta name='robots' content='noindex' />} {noIndex && <meta name='robots' content='noindex' />}
<meta <meta
name='viewport' name='viewport'
@ -92,14 +95,19 @@ const commitUrl = `https://github.com/kamranahmedse/developer-roadmap/commit/${i
{jsonLd.length > 0 && <script type='application/ld+json' set:html={JSON.stringify(jsonLd)} />} {jsonLd.length > 0 && <script type='application/ld+json' set:html={JSON.stringify(jsonLd)} />}
</head> </head>
<body> <body>
<slot name='page-header'>
<YouTubeBanner /> <YouTubeBanner />
<Navigation /> <Navigation />
</slot>
<slot /> <slot />
<slot name='page-footer'>
<OpenSourceBanner /> <OpenSourceBanner />
<Footer /> <Footer />
{sponsor && <Sponsor sponsor={sponsor} />} {sponsor && <Sponsor sponsor={sponsor} />}
<slot name='after-footer' /> <slot name='after-footer' />
<Analytics /> <Analytics />
</slot>
</body> </body>
</html> </html>

2
src/layouts/MarkdownLayout.astro
Unescape View File

@ -5,7 +5,7 @@ const { frontmatter = {} } = Astro.props;
const { title, description, noIndex = false } = frontmatter; const { title, description, noIndex = false } = frontmatter;
--- ---
<BaseLayout title={title} description={description} noIndex={noIndex}> <BaseLayout {...frontmatter}>
<div class='container prose py-12'> <div class='container prose py-12'>
<slot /> <slot />
</div> </div>

13
src/layouts/SkeletonLayout.astro
Unescape View File

@ -0,0 +1,13 @@
---
import BaseLayout, { Props as BaseLayoutProps } from './BaseLayout.astro';
export interface Props extends BaseLayoutProps {}
const props = Astro.props;
---
<BaseLayout {...props}>
<div slot='page-header'></div>
<slot />
<div slot='page-footer'></div>
</BaseLayout>

39
src/lib/link-group.ts
Unescape View File

@ -0,0 +1,39 @@
import type { MarkdownFileType } from './file';
export interface LinkGroupFrontmatter {
[key: string]: string;
}
export type LinkGroupFileType = MarkdownFileType<LinkGroupFrontmatter> & {
id: string;
};
/**
* Generates id from the given linkGroup file
* @param filePath Markdown file path
*
* @returns unique linkGroup identifier
*/
function linkGroupPathToId(filePath: string): string {
const fileName = filePath.split('/').pop() || '';
return fileName.replace('.md', '');
}
/**
* Gets all the linkGroups sorted by the publishing date
* @returns Promisifed linkGroup files
*/
export async function getAllLinkGroups(): Promise<LinkGroupFileType[]> {
const linkGroups = await import.meta.glob<LinkGroupFileType>('/src/link-groups/*.md', {
eager: true,
});
const linkGroupFiles = Object.values(linkGroups);
const enrichedLinkGroups = linkGroupFiles.map((linkGroupFile) => ({
...linkGroupFile,
id: linkGroupPathToId(linkGroupFile.file),
}));
return enrichedLinkGroups;
}

7
src/link-groups/1.md
Unescape View File

@ -0,0 +1,7 @@
---
speedup-js: https://marvinh.dev/blog/speeding-up-javascript-ecosystem/
23-min-ts: https://www.youtube.com/watch?v=YmxwicpROps
bun-vs-node: https://www.youtube.com/watch?v=qCX8rw4qOSA
aws-2023: https://cs.fyi/guide/how-to-learn-aws/
db-playground: https://github.com/kamranahmedse/db-playground
---

39
src/pages/g/[linkGroupId]/[linkId].astro
Unescape View File

@ -0,0 +1,39 @@
---
import BaseLayout from '../../../layouts/BaseLayout.astro';
import SkeletonLayout from '../../../layouts/SkeletonLayout.astro';
import { getAllLinkGroups } from '../../../lib/link-group';
export async function getStaticPaths() {
const linkGroups = await getAllLinkGroups();
return linkGroups.flatMap((linkGroup) => {
const linkGroupLinks = linkGroup.frontmatter;
return Object.keys(linkGroupLinks).map((slug) => {
return {
params: {
linkGroupId: linkGroup.id,
linkId: slug,
},
props: {
linkGroup,
},
};
});
});
}
const { linkId } = Astro.params;
const { linkGroup } = Astro.props;
const fullUrl = linkGroup.frontmatter[linkId!];
---
<SkeletonLayout title='Redirecting..' noIndex={true} redirectUrl={fullUrl}>
<div class='p-8'>
<h2 class='text-xl font-bold'>Redirecting ..</h2>
<p>Click the link below if you are not redirected automatically.</p>
<p><a href={fullUrl} class='underline text-blue-700'>{fullUrl}</a></p>
</div>
</SkeletonLayout>
Write Preview
Loading…
Cancel
Save