diff --git a/public/images/og-img.png b/public/images/og-img.png
new file mode 100644
index 000000000..7b24f0bec
Binary files /dev/null and b/public/images/og-img.png differ
diff --git a/public/images/twitter-img.png b/public/images/twitter-img.png
new file mode 100644
index 000000000..c9af5359d
Binary files /dev/null and b/public/images/twitter-img.png differ
diff --git a/public/manifest/apple-touch-icon.png b/public/manifest/apple-touch-icon.png
new file mode 100755
index 000000000..736fdfea2
Binary files /dev/null and b/public/manifest/apple-touch-icon.png differ
diff --git a/public/manifest/favicon.ico b/public/manifest/favicon.ico
new file mode 100755
index 000000000..3dca3a22c
Binary files /dev/null and b/public/manifest/favicon.ico differ
diff --git a/public/manifest/icon152.png b/public/manifest/icon152.png
new file mode 100755
index 000000000..2fa1f417c
Binary files /dev/null and b/public/manifest/icon152.png differ
diff --git a/public/manifest/icon16.png b/public/manifest/icon16.png
new file mode 100755
index 000000000..043b2b275
Binary files /dev/null and b/public/manifest/icon16.png differ
diff --git a/public/manifest/icon196.png b/public/manifest/icon196.png
new file mode 100755
index 000000000..63dbf37bb
Binary files /dev/null and b/public/manifest/icon196.png differ
diff --git a/public/manifest/icon32.png b/public/manifest/icon32.png
new file mode 100755
index 000000000..90706bc95
Binary files /dev/null and b/public/manifest/icon32.png differ
diff --git a/public/manifest/manifest.json b/public/manifest/manifest.json
new file mode 100644
index 000000000..815f08662
--- /dev/null
+++ b/public/manifest/manifest.json
@@ -0,0 +1,27 @@
+{
+ "dir": "ltr",
+ "lang": "en",
+ "name": "Roadmap",
+ "scope": "/",
+ "display": "standalone",
+ "start_url": "https://roadmap.sh/",
+ "short_name": "Roadmap",
+ "theme_color": "#EDD07E",
+ "description": "Roadmaps to becoming a Modern Developer – roadmap.sh",
+ "orientation": "any",
+ "background_color": "#101010",
+ "related_applications": [],
+ "prefer_related_applications": false,
+ "icons": [
+ {
+ "src": "/manifest/icon152.png",
+ "sizes": "152x152",
+ "type": "image/png"
+ },
+ {
+ "src": "/manifest/icon196.png",
+ "sizes": "196x196",
+ "type": "image/png"
+ }
+ ]
+}
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 3f9cdb81c..cce28be9d 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -6,23 +6,69 @@ import Footer from '../components/Footer.astro';
import type { SponsorType } from '../components/Sponsor/Sponsor.astro';
import Sponsor from '../components/Sponsor/Sponsor.astro';
import YouTubeBanner from '../components/YouTubeBanner.astro';
+import { siteConfig } from '../lib/config';
export interface Props {
title: string;
+ description?: string;
sponsor?: SponsorType;
+ seo: {
+ title: string;
+ description: string;
+ keywords: string[];
+ };
}
-const { title, sponsor } = Astro.props;
+const {
+ title = siteConfig.title,
+ description = siteConfig.description,
+ keywords = siteConfig.keywords,
+ seo,
+ sponsor,
+} = Astro.props;
---
-
-
{title}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/config.ts b/src/lib/config.ts
new file mode 100644
index 000000000..e2ca84537
--- /dev/null
+++ b/src/lib/config.ts
@@ -0,0 +1,45 @@
+export const siteConfig = {
+ title: 'Roadmaps to becoming a modern developer',
+ description: 'Community driven roadmaps, articles and guides for developers to grow in their career.',
+ url: {
+ twitter: 'https://twitter.com/roadmapsh',
+ youtube: 'https://youtube.com/theroadmap?sub_confirmation=1',
+ repo: 'https://github.com/kamranahmedse/developer-roadmap',
+ contribute:
+ 'https://github.com/kamranahmedse/developer-roadmap/tree/master/contributing.md',
+ issue: 'https://github.com/kamranahmedse/developer-roadmap/issues/new',
+ },
+ keywords: [
+ 'roadmap',
+ 'developer roadmaps',
+ 'developer roadmap',
+ 'how to become a developer',
+ ...[
+ 'frontend developer',
+ 'backend developer',
+ 'sre',
+ 'devops',
+ 'android developer',
+ 'dba',
+ 'blockchain developer',
+ 'qa',
+ 'qa engineer',
+ 'software architect',
+ 'asp.net core developer',
+ 'react developer',
+ 'angular developer',
+ 'vue developer',
+ 'node.js developer',
+ 'javascript developer',
+ 'python developer',
+ 'go developer',
+ 'java developer',
+ 'design system',
+ 'software design',
+ 'graphql',
+ ].flatMap((roadmapKeyword) => [
+ `${roadmapKeyword} roadmap`,
+ `${roadmapKeyword} roadmap 2023`,
+ ]),
+ ],
+};