webdev/astro.config.mjs at master · BryanHogan/webdev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
import { defineConfig } from 'astro/config';
import starlight from '@astrojs/starlight';

import sitemap from "@astrojs/sitemap";
import { satteri } from '@astrojs/markdown-satteri';
import peleDiagrams from './src/plugins/pele.mjs';

// https://astro.build/config
export default defineConfig({
	site: 'https://webdev.bryanhogan.com',
	markdown: { processor: satteri({ mdastPlugins: [peleDiagrams] }) },
	integrations: [starlight({
		title: 'Web Dev',
		logo: {
			src: './src/assets/Penguin-Web-Dev-Bryan-Hogan-Logo.svg',
		},
		lastUpdated: true,
		disable404Route: true,
		social: [
			{ icon: "github", label: "GitHub", href: "https://github.com/BryanHogan/webdev" },
			{ icon: "instagram", label: "Instagram", href: "https://www.instagram.com/bryanhoganme/" },
			{ icon: "blueSky", label: "BlueSky", href: "https://bsky.app/profile/bryanhogan.com" },
			{ icon: "mastodon", label: "Mastodon", href: "https://mastodon.social/@BryanHogan" },
			{ icon: "threads", label: "Threads", href: "https://www.threads.net/@bryanhoganme" },
			{ icon: "rss", label: "RSS", href: "https://bryanhogan.com/rss.xml" },
		],
		editLink: {
			baseUrl: 'https://github.com/bryanhogan/webdev/edit/master/',
		},
		customCss: [
			"./src/styles/custom.css",
		],
		sidebar: [
			{
				label: "Getting Started",
				items: [
					{ label: "Beginner Introduction", link: "start/beginner-introduction/" },
					{ label: "Ways To Build Web", link: "start/ways-to-build/" },
					{ label: "Launch Steps Checklist", link: "start/checklist/" }
				]
			},
			{
				label: "Visual Design & UX ✨",
				items: [
					{ label: "Building UI & UX", link: "visual-design/building-ui-ux/"},
					{ label: "Picking Colors", link: "visual-design/colors/"},
				],
			},
			{
				label: "CSS 🎨",
				items: [
					{ label: "CSS Setup", link: "css/css-setup/"},
					{ label: "CSS Reset", link: "css/css-reset/"},
					{ label: "CSS Variables", link: "css/variables/"},
					{ label: "Global CSS", link: "css/global-css/"},
					{ label: "Utility Classes", link: "css/utility-classes/", badge: "new"},
					{ label: "Spacing", link: "css/spacing/"}
				],
			},
			{
				label: "SEO 🔍",
				items: [
					{ label: "SEO", link: "seo/introduction/", badge: "new" },
					{ label: "<Head>", link: "seo/head/" }
				],
			},
			{
				label: "Frameworks 🖼️",
				items: [
					{ label: "Which web framework", link: "frameworks/which-framework" },
				],
			},
			{
				label: "Components 🧩",
				items: [
					{ label: "Components", link: "components/introduction/" }
				],
			},
			{
				label: "Miscellaneous",
				items: [
					{ label: "About", link: "miscellaneous/about/"},
					{ label: "Styling Markdown", link: "miscellaneous/styling-markdown/"},
					{ label: "Resources", link: "miscellaneous/resources/" }
				]
			},
		],
		favicon: "/favicon/favicon.svg",
		head: [
			{
				tag: 'script',
				attrs: {
					src: 'https://cloud.umami.is/script.js',
					'data-website-id': 'da96b3bd-cbcd-4411-b661-ac6a88d363eb',
					defer: true,
				},
			},
			{
				tag: 'link',
				attrs: {
					rel: 'icon',
					href: '/favicon/favicon.ico',
					sizes: '32x32',
				},
			},
		],
	}), sitemap()],
});