-
-
Notifications
You must be signed in to change notification settings - Fork 161
/
gatsby-config.ts
118 lines (114 loc) · 3.2 KB
/
gatsby-config.ts
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
109
110
111
112
113
114
115
116
117
118
import packageJson from '../embla-carousel/package.json'
import { GatsbyConfig } from 'gatsby'
import { kebabCaseToPascalCase } from './src/utils/stringCasing'
import { SiteMetadataType } from './src/hooks/useSiteMetadata'
type GatsbyConfigType = GatsbyConfig & {
siteMetadata: SiteMetadataType['site']['siteMetadata']
}
const siteMetadata: SiteMetadataType['site']['siteMetadata'] = {
title: kebabCaseToPascalCase(packageJson.name, ' '),
author: packageJson.author,
siteUrl: packageJson.homepage,
description: packageJson.description,
version: packageJson.version
}
const gatsbyConfig: GatsbyConfigType = {
siteMetadata,
plugins: [
'gatsby-plugin-styled-components',
{
resolve: 'gatsby-plugin-sitemap',
options: {
query: `
{
allSitePage {
nodes {
path
pageContext
}
}
}
`,
resolveSiteUrl: () => siteMetadata.siteUrl,
resolvePages: ({ allSitePage: { nodes: allPages } }) => allPages
}
},
{
resolve: 'gatsby-plugin-manifest',
options: {
name: siteMetadata.title,
short_name: siteMetadata.title,
description: siteMetadata.description,
start_url: '/',
background_color: '#8ab4f8',
theme_color: '#8ab4f8',
display: 'standalone',
lang: 'en',
theme_color_in_head: false,
legacy: false,
icon: 'src/assets/images/favicon.svg',
icons: [
{
src: `favicon-192x192.png`,
sizes: `192x192`,
type: `image/png`
},
{
src: `favicon-512x512.png`,
sizes: `512x512`,
type: `image/png`
}
]
}
},
{
resolve: 'gatsby-plugin-mdx',
options: {
extensions: ['.md', '.mdx'],
gatsbyRemarkPlugins: [
{
resolve: 'gatsby-remark-autolink-headers',
options: {
offsetY: '0',
className: 'anchor',
elements: ['h2', 'h3', 'h4', 'h5', 'h6'],
icon: `<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" fill="currentColor" /></svg>`
}
}
]
}
},
{
resolve: 'gatsby-plugin-react-svg',
options: {
rule: {
include: /assets\/icons/
}
}
},
{
resolve: 'gatsby-plugin-layout',
options: {
component: `${__dirname}/src/components/Layout/`
}
},
{
resolve: 'gatsby-source-filesystem',
options: {
name: 'pages',
path: `${__dirname}/src/content/pages/`
}
},
{
resolve: 'gatsby-source-filesystem',
options: {
name: 'images',
path: `${__dirname}/src/assets/images/`
}
}
]
// flags: {
// DEV_SSR: true
// }
}
export default gatsbyConfig