2021-11-16 21:32:21 +00:00
|
|
|
import Head from 'next/head';
|
2021-11-17 21:49:45 +00:00
|
|
|
import styles from '../styles/Home.module.scss';
|
2021-11-16 21:32:21 +00:00
|
|
|
import GitHub from '../components/GitHub';
|
|
|
|
|
import {getCustomData} from '../lib/custom';
|
|
|
|
|
import Projects from '../components/Projects';
|
|
|
|
|
|
|
|
|
|
export default function Home({projectData}) {
|
|
|
|
|
return (
|
|
|
|
|
<div className={styles.container}>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Ryan Freeman | Full Stack Developer in Dublin, Ireland</title>
|
|
|
|
|
<meta name="author" content="Ryan Freeman"/>
|
2021-11-19 21:25:55 +00:00
|
|
|
<meta name="description" content="Full Stack Developer in Dublin, Ireland"/>
|
|
|
|
|
<meta name="keywords" content="React, JavaScript, Developer"/>
|
|
|
|
|
<meta property="og:type" content="website"/>
|
|
|
|
|
<meta property="og:url" content="https://ryanfreeman.dev"/>
|
|
|
|
|
<meta property="og:site_name" content="Ryan Freeman"/>
|
|
|
|
|
<meta property="og:title" content="Ryan Freeman | Full Stack Developer in Dublin, Ireland"/>
|
|
|
|
|
<meta property="og:description" content="Full Stack Developer in Dublin, Ireland"/>
|
2021-11-16 21:32:21 +00:00
|
|
|
<link rel="icon"
|
|
|
|
|
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>👋</text></svg>"/>
|
|
|
|
|
</Head>
|
|
|
|
|
<main className={styles.main}>
|
|
|
|
|
<h1 className={styles.title}>
|
2021-11-19 21:26:53 +00:00
|
|
|
Ryan Freeman{' '}<span>Full Stack Developer</span>
|
2021-11-16 21:32:21 +00:00
|
|
|
</h1>
|
|
|
|
|
<div className={styles.links}>
|
|
|
|
|
<a href="https://github.com/r-freeman">
|
|
|
|
|
<GitHub/>
|
|
|
|
|
<span className={styles.srOnly}>GitHub profile</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<Projects
|
|
|
|
|
projectData={projectData}/>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export async function getStaticProps() {
|
2021-11-16 22:36:32 +00:00
|
|
|
const projectData = getCustomData('projects.json');
|
2021-11-16 21:32:21 +00:00
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
props: {
|
|
|
|
|
projectData
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
