uvacoder / vanilla-javascript-projects-site Goto Github PK

import styled from 'styled-components'
const NameOfElement = styled.htmlElement`
your
styles
go
here
`

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

require('dotenv').config({
  path: `.env.${process.env.NODE_ENV}`,
})