- folders/files/imports
- css (styled components)
- error page, footer, seo
VS-Extension
vscode-styled-components
Regular Setup
import styled from "styled-components"
const NameOfElement = styled.htmlElement`
your
styles
go
here
`
Global Styles
import { createGlobalStyle } from "styled-components"
const GlobalStyle = createGlobalStyle`
your
global
styles
go here
`
// wrap root element
export const wrapRootElement = ({ element }) => {
return (
<>
<GlobalStyle />
{element}
</>
)
}
Both files
- gatsby-browser.js
- gatsby-ssr.js
npm install --save gatsby-background-image
gatsby-config
require("dotenv").config({
path: `.env.${process.env.NODE_ENV}`,
})
.env.development .env.production