import Head from 'next/head'

const Layout = ({children}) => (
  <div>
    <Head>
      <title>Robin's Photos</title>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
      <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
      <meta
        name="viewport"
        content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
      />
    </Head>
    {children}
  </div>
)

export default Layout

@@ -22,16 +22,307 @@
 t/head'%0A
+import %7B createMuiTheme %7D from '@material-ui/core/styles';%0Aimport orange from '@material-ui/core/colors/orange';%0Aimport CssBaseline from '@material-ui/core/CssBaseline';%0A%0A%0Aconst theme = createMuiTheme(%7B%0A  palette: %7B%0A    primary: %7B%0A      main: '#3949ab',%0A    %7D,%0A    secondary: orange,%0A  %7D,%0A%7D)
 %0Aconst L
@@ -350,19 +350,30 @@
 =%3E (%0A  %3C
-div
+React.Fragment
 %3E%0A    %3CH
@@ -748,24 +748,46 @@
     %3C/Head%3E%0A
+    %3CCssBaseline /%3E%0A  
     %7Bchildre
@@ -795,13 +795,44 @@
 %7D%0A  
+ 
-%3C/div
+ %3CCssBaseline /%3E%0A  %3C/React.Fragment
 %3E%0A)%0A

Add theme and baseline