Personal-site/pages/index.js

import Head from "next/head";
import Layout from "../components/Layout";
import Section from "../components/Section";
import Presentation from "../components/Presentation";
import Infos from "../components/Infos";
import Avatar from "../components/Avatar";
import HorizontalSection from "../components/HorizontalSection";

export default function Home({ person, caseStudies }) {
  return (
    <div className="container">
      <Head>
        <title>Create Next App</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>

      <Section>
        <Layout>
          <Presentation
            firstName={person.firstName}
            lastName={person.lastName}
            description={person.description}
          />
          <Infos infos={person.infos} />
          <Avatar />
        </Layout>
      </Section>

      <HorizontalSection>
        <div>Lol</div>
      </HorizontalSection>
    </div>
  );
}

export async function getStaticProps() {
  const person = {
    firstName: "Tanguy",
    lastName: "Herbron",
    description: "Full Stack Developer",
    infos: {
      location: {
        value: "Copenhagen, Denmark",
        link: "https://www.visitcopenhagen.com/",
      },
      github: {
        value: "/TanguyHerbron",
        link: "https://github.com/TanguyHerbron",
      },
      linkedin: {
        value: "Tanguy Herbron",
        link: "https://linkedin.com/in/tanguy-herbron-5a3772150",
      },
      email: {
        value: "tanguy.herbron@outlook.com",
        link: "mailto:tanguy.herbron@outlook.com",
      },
    },
  };

  const caseStudies = [
    {
      title: "Moodle",
      short_description:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",
      date: "June 12, 2020",
      cover: "/public/images/bongo.svg",
    },
    {
      title: "Doodle",
      short_description:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",
      date: "June 12, 2020",
      cover: "/public/images/bongo.svg",
    },
    {
      title: "Poodle",
      short_description:
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",
      date: "June 12, 2020",
      cover: "/public/images/bongo.svg",
    },
  ];

  return {
    props: {
      person: person,
      caseStudies: caseStudies,
    },
  };
}
adding boilerpalte 2020-06-14 09:06:49 +00:00			`import Head from "next/head";`
rough v1 2020-06-14 11:47:02 +00:00			`import Layout from "../components/Layout";`
			`import Section from "../components/Section";`
			`import Presentation from "../components/Presentation";`
			`import Infos from "../components/Infos";`
			`import Avatar from "../components/Avatar";`
			`import HorizontalSection from "../components/HorizontalSection";`
Initial commit from Create Next App 2020-06-14 08:40:51 +00:00
rough v1 2020-06-14 11:47:02 +00:00			`export default function Home({ person, caseStudies }) {`
Initial commit from Create Next App 2020-06-14 08:40:51 +00:00			`return (`
			`<div className="container">`
			`<Head>`
			`<title>Create Next App</title>`
			`<link rel="icon" href="/favicon.ico" />`
			`</Head>`
rough v1 2020-06-14 11:47:02 +00:00
			`<Section>`
			`<Layout>`
			`<Presentation`
			`firstName={person.firstName}`
			`lastName={person.lastName}`
			`description={person.description}`
			`/>`
			`<Infos infos={person.infos} />`
			`<Avatar />`
			`</Layout>`
			`</Section>`

			`<HorizontalSection>`
			`<div>Lol</div>`
			`</HorizontalSection>`
Initial commit from Create Next App 2020-06-14 08:40:51 +00:00			`</div>`
adding boilerpalte 2020-06-14 09:06:49 +00:00			`);`
Initial commit from Create Next App 2020-06-14 08:40:51 +00:00			`}`
rough v1 2020-06-14 11:47:02 +00:00
			`export async function getStaticProps() {`
			`const person = {`
			`firstName: "Tanguy",`
			`lastName: "Herbron",`
			`description: "Full Stack Developer",`
			`infos: {`
			`location: {`
			`value: "Copenhagen, Denmark",`
			`link: "https://www.visitcopenhagen.com/",`
			`},`
			`github: {`
			`value: "/TanguyHerbron",`
			`link: "https://github.com/TanguyHerbron",`
			`},`
			`linkedin: {`
			`value: "Tanguy Herbron",`
			`link: "https://linkedin.com/in/tanguy-herbron-5a3772150",`
			`},`
			`email: {`
			`value: "tanguy.herbron@outlook.com",`
			`link: "mailto:tanguy.herbron@outlook.com",`
			`},`
			`},`
			`};`

			`const caseStudies = [`
			`{`
			`title: "Moodle",`
			`short_description:`
			`"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",`
			`date: "June 12, 2020",`
			`cover: "/public/images/bongo.svg",`
			`},`
			`{`
			`title: "Doodle",`
			`short_description:`
			`"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",`
			`date: "June 12, 2020",`
			`cover: "/public/images/bongo.svg",`
			`},`
			`{`
			`title: "Poodle",`
			`short_description:`
			`"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",`
			`date: "June 12, 2020",`
			`cover: "/public/images/bongo.svg",`
			`},`
			`];`

			`return {`
			`props: {`
			`person: person,`
			`caseStudies: caseStudies,`
			`},`
			`};`
			`}`