angrybeanie-front-end/pages/about.js

import "../components/main"
import getConfig from 'next/config'
import Layout from "../components/main"
import Link from 'next/link'

export async function getServerSideProps(context) {

    const { serverRuntimeConfig } = getConfig()

    const secres = await fetch(serverRuntimeConfig.base_path + `/api/sections`)
        const secdata = await secres.json()

    const pagedata = {'title': 'About Angry Beanie'}

    return {
        props: { sections : secdata, pagedata }, // will be passed to the page component as props
    }

}

function About({sections, pagedata}) {
    return <Layout sections={sections} pagedata={pagedata}>
        <h1 className="page_title col-sm-12">About Angry Beanie</h1>
        <div className="col-sm-12 article_body">
            Welcome to Angry Beanie. A place where I stick stuff that I make, whether it's blog posts, podcasts, videos, photos, whatever. If I make it I put it here.
        </div>
        <div className="col-sm-6 article_body">
            <h2>Contact me</h2>
            If you want to get a hold of me regarding anything I put up here, you can get me on the socials.
            <div>
                Mastodon: <a href="https://aus.social/@purserj" rel="me">https://aus.social/@purserj</a>
            </div>
            <div>
                Pixelfed: <Link href="https://pixelfed.au/purserj">https://pixelfed.au/purserj</Link>
            </div>
            <div>
                Instagram: <Link href="https://www.instagram.com/purserj/">https://www.instagram.com/purserj/</Link>
            </div>
        </div>
    </Layout>
}

export default About