info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-22 17:02:58 +02:00
Code Issues Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Arik Chakma
2025-08-18 14:20:23 +06:00
parent e94d6a8daf
commit 15273cd6f7
65 changed files with 598 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/lib/open-graph.ts
View File

@@ -3,8 +3,22 @@ type RoadmapOpenGraphQuery = {
resourceId: string;
};
export function getOpenGraphImageUrl(params: RoadmapOpenGraphQuery) {
return `${import.meta.env.DEV ? 'http://localhost:3000' : 'https://roadmap.sh'}/og/${params.group}/${params.resourceId}`;
export function getOpenGraphImageUrl(
params: RoadmapOpenGraphQuery,
query?: Record<string, string>,
) {
const baseUrl = import.meta.env.DEV
? 'http://localhost:3000'
: 'https://roadmap.sh';
const url = new URL(`${baseUrl}/og/${params.group}/${params.resourceId}`);
if (query) {
Object.entries(query).forEach(([key, value]) => {
url.searchParams.set(key, value);
});
}
return String(url);
}
export async function getDefaultOpenGraphImageBuffer() {
@@ -15,11 +29,18 @@ export async function getDefaultOpenGraphImageBuffer() {
export async function getResourceOpenGraph(
type: 'roadmap' | 'guide' | 'best-practice',
resourceId: string,
query?: Record<string, string>,
) {
const url = new URL(`${import.meta.env.PUBLIC_API_URL}/v1-open-graph`);
url.searchParams.set('type', type);
url.searchParams.set('resourceId', resourceId);
url.searchParams.set('variant', 'image');
if (query) {
Object.entries(query).forEach(([key, value]) => {
url.searchParams.set(key, value);
});
}
const response = await fetch(url.toString());
return response.text();

13
src/pages/ai-data-scientist/career-path.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/lifecycle.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/skills.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/tools.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-ai.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-business-analytics.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-computer-science.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-cyber-security.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-data-analytics.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-data-engineering.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-machine-learning.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-software-engineering.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/ai-data-scientist/vs-statistics.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/backend/developer-skills.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/backend/developer-tools.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/backend/frameworks.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/backend/job-description.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/backend/languages.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/backend/project-ideas.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/backend/technologies.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/data-analyst/career-path.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/data-analyst/how-to-become.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/data-analyst/vs-data-engineer.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/automation-tools.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/automation.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/best-practices.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/career-path.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/devops-engineer.astro
View File

@@ -12,10 +12,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/devops-vs-sre.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/how-to-become-devops-engineer.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/job-description.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/lifecycle.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/principles.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/shift-left-testing.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/skills.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/test-automation.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/tools.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/vs-agile.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/vs-developer.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/vs-devsecops.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/devops/vs-full-stack.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/frontend/developer-skills.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/frontend/frameworks.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/frontend/how-to-become-frontend-developer.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/frontend/job-description.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/frontend/languages.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/frontend/technologies.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/frontend/web-developer-portfolio.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/full-stack/developer-skills.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/full-stack/how-to-become.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/full-stack/job-description.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/full-stack/vs-backend.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/full-stack/vs-software-engineer.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/golang/rest-api.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/golang/vs-java.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/java/developer-skills.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/java/vs-javascript.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/java/vs-python.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/javascript/vs-typescript.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

10
src/pages/og/guide/[slug].ts
View File

@@ -3,7 +3,7 @@ import {
getDefaultOpenGraphImageBuffer,
getResourceOpenGraph,
} from '../../../lib/open-graph';
import {Transformer} from "@napi-rs/image";
import { Transformer } from '@napi-rs/image';
export const prerender = false;
@@ -13,6 +13,7 @@ type Params = {
export const GET: APIRoute<any, Params> = async (context) => {
const { slug } = context.params;
const { searchParams } = context.url;
if (!slug) {
const buffer = await getDefaultOpenGraphImageBuffer();
@@ -23,9 +24,14 @@ export const GET: APIRoute<any, Params> = async (context) => {
});
}
const svg = await getResourceOpenGraph('guide', slug);
const svg = await getResourceOpenGraph(
'guide',
slug,
Object.fromEntries(searchParams.entries()),
);
const transformer = Transformer.fromSvg(svg).crop(0, 0, 1200, 630);
// @ts-expect-error - Buffer is not assignable to BodyInit
return new Response(await transformer.png(), {
headers: {
'Content-Type': 'image/png',

13
src/pages/sql/hard-to-learn.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/sql/how-long-to-learn.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

13
src/pages/sql/vs-mysql.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---

14
src/pages/sql/vs-python.astro
View File

@@ -10,10 +10,15 @@ const guide = await getOfficialGuide(guideId, roadmapId);
const ogImageUrl =
guide?.seo?.ogImageUrl ||
getOpenGraphImageUrl({
group: 'guide',
resourceId: guideId,
});
getOpenGraphImageUrl(
{
group: 'guide',
resourceId: guideId,
},
{
roadmapId,
},
);
const permalink = `/${roadmapId}/${guideId}`;
---
@@ -28,4 +33,3 @@ const permalink = `/${roadmapId}/${guideId}`;
<GuideContent guide={guide!} client:load />
<div slot='changelog-banner'></div>
</BaseLayout>