import React from 'react' ; import Head from 'next/head' ; import { NextSeo } from 'next-seo' ; import { AppProps } from 'next/app' ; import { ThemeProvider } from 'styled-components' ; import theme from 'styles/theme' ; import GlobalStyle from 'styles/global.styles' ; const App = ( { Component , pageProps } ) => { return ( < ThemeProvider theme = { theme } > < Head > < meta name = "theme-color" content = "#06092B" / > < link rel = "shortcut icon" href = "/img/icon-512.png" / > < link rel = "apple-touch-icon" href = "/img/icon-512.png" / > < /Head> < NextSeo title = "React Avançado - Crie aplicações reais com NextJS, GraphQL e mais." description = "Aprenda a criar um Ecommerce completo, indo do Backend ao Frontend utilizando tecnologias como ReactJS, NextJS, Strapi, GraphQL, Apollo e muito mais!" canonical = "https://reactavancado.com.br/" openGraph = { { url : 'https://reactavancado.com.br/' , title : 'React Avançado - Crie aplicações reais com NextJS, GraphQL e mais.' , description : 'Aprenda a criar um Ecommerce completo, indo do Backend ao Frontend utilizando tecnologias como ReactJS, NextJS, Strapi, GraphQL, Apollo e muito mais!' , images : [ { url : 'https://reactavancado.com.br/img/cover.png' } ] , site_name : 'React Avançado' , locale : 'pt_BR' } } twitter = { { handle : '@Willian_justen' , site : '@site' , cardType : 'summary_large_image' } } /> < GlobalStyle / > < Component { ... pageProps } / > < /ThemeProvider>); } ; export default App ;