Add SQL roadmap

src/data/roadmaps/sql/sql.md

@@ -0,0 +1,60 @@
+---
+jsonUrl: '/jsons/roadmaps/sql.json'
+pdfUrl: '/pdfs/roadmaps/sql.pdf'
+order: 8
+briefTitle: 'SQL'
+briefDescription: 'Step by step guide to learning SQL in 2023'
+title: 'SQL Roadmap'
+description: 'Step by step guide to learning SQL in 2023'
+isNew: false
+hasTopics: true
+dimensions:
+  width: 968
+  height: 2116.16
+schema:
+  headline: 'SQL Roadmap'
+  description: 'Comprehensive roadmap to learn SQL from scratch in 2023. From basic syntax to advanced querying, this step-by-step guide will equip you with the skills needed to excel in database management and data analysis.'
+  imageUrl: 'https://roadmap.sh/roadmaps/sql.png'
+  datePublished: '2023-07-10'
+  dateModified: '2023-07-10'
+seo:
+  title: 'SQL Roadmap - roadmap.sh'
+  description: 'Comprehensive roadmap to learn SQL from scratch in 2023. From basic syntax to advanced querying, this step-by-step guide will equip you with the skills needed to excel in database management and data analysis.'
+  ogImageUrl: 'https://roadmap.sh/og-images/sql-roadmap.png'
+  keywords:
+    - 'sql tutorial'
+    - 'step by step guide for sql'
+    - 'sql for beginners'
+    - 'how to learn sql'
+    - 'use sql in production'
+    - 'sql roadmap 2023'
+    - 'guide to learning sql'
+    - 'sql roadmap'
+    - 'sql learning path'
+    - 'sql learning roadmap'
+    - 'container roadmap'
+    - 'sql'
+    - 'sql learning guide'
+    - 'sql skills'
+    - 'sql for development'
+    - 'sql for development skills'
+    - 'sql for development skills test'
+    - 'sql learning guide'
+    - 'become a sql expert'
+    - 'sql career path'
+    - 'learn sql for development'
+    - 'what is sql'
+    - 'sql quiz'
+    - 'sql interview questions'
+relatedRoadmaps:
+  - 'postgresql-dba'
+  - 'backend'
+  - 'devops'
+sitemap:
+  priority: 1
+  changefreq: 'monthly'
+tags:
+  - 'roadmap'
+  - 'main-sitemap'
+  - 'skill-roadmap'
+---

src/layouts/BaseLayout.astro

@@ -13,6 +13,7 @@ import '../styles/global.css';
 
 export interface Props {
   title: string;
+  ogImageUrl?: string;
   // This isn't used anywhere except for the sponsor event labels
   briefTitle?: string;
   redirectUrl?: string;
@@ -29,6 +30,7 @@ const {
   title = siteConfig.title,
   briefTitle,
   description = siteConfig.description,
+  ogImageUrl = 'https://roadmap.sh/images/og-img.png',
   keywords = siteConfig.keywords,
   noIndex = false,
   permalink = '',
@@ -79,7 +81,7 @@ const gaPageIdentifier = Astro.url.pathname
 
     <meta property='og:image:width' content='1200' />
     <meta property='og:image:height' content='630' />
-    <meta property='og:image' content='https://roadmap.sh/images/og-img.png' />
+    <meta property='og:image' content={ogImageUrl || 'https://roadmap.sh/images/og-img.png'} />
     <meta property='og:image:alt' content='roadmap.sh' />
     <meta property='og:site_name' content='roadmap.sh' />
     <meta property='og:title' content={title} />

src/lib/roadmap.ts

@@ -1,4 +1,3 @@
-import type { PageSponsorType } from '../components/PageSponsor';
 import type { MarkdownFileType } from './file';
 
 export interface RoadmapFrontmatter {
@@ -20,6 +19,7 @@ export interface RoadmapFrontmatter {
   seo: {
     title: string;
     description: string;
+    ogImageUrl?: string;
     keywords: string[];
   };
   schema?: {

src/pages/[roadmapId]/index.astro

@@ -60,6 +60,7 @@ if (roadmapFAQs.length) {
   permalink={`/${roadmapId}`}
   title={roadmapData?.seo?.title}
   briefTitle={roadmapData.briefTitle}
+  ogImageUrl={roadmapData?.seo?.ogImageUrl || 'https://roadmap.sh/images/og-img.png'}
   description={roadmapData.seo.description}
   keywords={roadmapData.seo.keywords}
   noIndex={roadmapData.isUpcoming}