First commit

2020-12-04 20:16:24 +01:00
commit cd65dd4443
12 changed files with 7155 additions and 0 deletions
@@ -0,0 +1,50 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import Head from 'next/head'
+import {ThemeProvider} from '@material-ui/core/styles'
+import CssBaseline from '@material-ui/core/CssBaseline'
+import theme from '../src/theme'
+
+export default function MyApp(props) {
+  const {Component, pageProps} = props
+
+  React.useEffect(() => {
+    const jssStyles = document.querySelector('#jss-server-side')
+    if (jssStyles) {
+      jssStyles.remove()
+    }
+  }, [])
+
+  return (
+    <>
+      <Head>
+        <title>#OKi - Organisation KA Internationale</title>
+        <meta charSet='utf-8' />
+        <meta name='description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues afro-diasporiques.' />
+        <meta name='author' content='Ced' />
+        <meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width' />
+        <meta property='og:url' content='https://o-k-i.net' />
+        <meta property='og:type' content='website' />
+        <meta property='og:site_name' content='#OKi' />
+        <meta property='og:title' content='#OKi - Organisation KA Internationale' />
+        <meta property='og:description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues afro-diasporiques.' />
+        <meta property='og:locale' content='fr_FR' />
+        <meta property='og:image' content='http://o-k-i.net/logo.png' />
+        <meta property='og:image:secure_url' content='https://o-k-i.net/logo.png' />
+        <meta property='og:image:type' content='image/png' />
+        <meta property='og:image:width' content='551' />
+        <meta property='og:image:height' content='315' />
+        <meta property='og:image:alt' content='Logo #OKi - Organisation KA Internationale' />
+      </Head>
+      <ThemeProvider theme={theme}>
+        <CssBaseline />
+        <Component {...pageProps} />
+      </ThemeProvider>
+    </>
+  )
+}
+
+MyApp.propTypes = {
+  Component: PropTypes.elementType.isRequired,
+  pageProps: PropTypes.object.isRequired
+}
@@ -0,0 +1,35 @@
+import React from 'react'
+import Document, {
+  Html, Head, Main, NextScript
+} from 'next/document'
+import {ServerStyleSheets} from '@material-ui/core/styles'
+
+export default class MyDocument extends Document {
+  render() {
+    return (
+      <Html lang='fr' prefix='website: https://ogp.me/ns/website#'>
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
+}
+
+MyDocument.getInitialProps = async ctx => {
+  const sheets = new ServerStyleSheets()
+  const originalRenderPage = ctx.renderPage
+
+  ctx.renderPage = () => originalRenderPage({
+    enhanceApp: App => props => sheets.collect(<App {...props} />)
+  })
+
+  const initialProps = await Document.getInitialProps(ctx)
+
+  return {
+    ...initialProps,
+    styles: [...React.Children.toArray(initialProps.styles), sheets.getStyleElement()]
+  }
+}
@@ -0,0 +1,9 @@
+import {Button} from '@material-ui/core'
+
+export default function Home() {
+  return (
+    <Button variant='contained' color='primary'>
+      #OKi
+    </Button>
+  )
+}