95 lines
4.2 KiB
JavaScript
95 lines
4.2 KiB
JavaScript
import Head from 'next/head'
|
|
import ExternalLink from '@/components/ExternalLink'
|
|
import DefaultLayout from '@/layouts/DefaultLayout/DefaultLayout'
|
|
|
|
export default function Home () {
|
|
return (
|
|
<DefaultLayout>
|
|
<Head>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1' />
|
|
<link rel='icon' href='/favicon.ico' />
|
|
</Head>
|
|
|
|
<section>
|
|
<h1>Hello!</h1>
|
|
<p>
|
|
I'm Aaron, a Brit living in Newcastle-upon-tyne, UK. I
|
|
work professionally as a Software Engineer, and study
|
|
languages, history and philosophy in my spare time.
|
|
</p>
|
|
<p>
|
|
This is my little corner of the web! I've always had a habit of
|
|
'lurking' online; I barely interact with the content I
|
|
consume, and you'll rarely if ever catch me posting or commenting
|
|
on something. This little site endeavours to encourage me
|
|
to share a bit more about myself online.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Tech I like</h2>
|
|
<ul>
|
|
<li>
|
|
<strong>Sites:</strong> At the moment, I mainly use node with TS (or
|
|
JS for small projects) and Next.js to build sites and apps.
|
|
</li>
|
|
<li>
|
|
<strong>Scripts:</strong> My go-to for scripting is either Python or
|
|
JS, mainly because I'm comfortable with these languages, and their
|
|
library ecosystem usually has everything I need to do what I need to
|
|
do.
|
|
</li>
|
|
<li>
|
|
<strong>APIs:</strong> If I need something more robust for API or
|
|
back-end architecture than node, I usually go for dotnet core/C#
|
|
using ASP.NET. A strongly-typed language with an opinionated web
|
|
framework like ASP.NET helps to keep everything neat and tidy.
|
|
</li>
|
|
<li><strong>Cloud:</strong> If I can get away with it, host on a droplet on Digitalocean. If not, my go-to is usually GCP because it's less soul-destroying than Azure and AWS (and I've used it the most)</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Where to find me</h2>
|
|
|
|
<ul>
|
|
<li>
|
|
<strong>
|
|
<ExternalLink href='https://letterboxd.com/aaronyarbz/'>
|
|
Letterboxd
|
|
</ExternalLink>
|
|
</strong>{' '}
|
|
is a social platform for film lovers to rate, review, and discover
|
|
movies, akin to "Goodreads for film."
|
|
</li>
|
|
<li>
|
|
<strong>
|
|
<ExternalLink href='https://github.com/AaronJY'>
|
|
GitHub
|
|
</ExternalLink>
|
|
</strong>{' '}
|
|
is a web-based platform for version control and collaboration on
|
|
software development projects. Find out what I've been working
|
|
on here!
|
|
</li>
|
|
<li>
|
|
<strong>
|
|
<ExternalLink href='https://www.linkedin.com/in/aaronjyarborough/'>
|
|
LinkedIn
|
|
</ExternalLink>
|
|
</strong>
|
|
, unfortunately. A social network for professionals.
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>About this site</h2>
|
|
<p>www.aaronjy.me is a static site (i.e. a bunch of HTML, JS, CSS and image files) written in JavaScript using Next.js. Tacit is being used as a micro CSS framework, and various smaller bits of custom CSS have been applied on top.</p>
|
|
<p>The site is hosted inside a Google Cloud Storage bucket with a load balancer sat in front of it. The load balancer is required as Cloud Storage doesn't support a) custom domains, b) HTTPS out of the box or c) a global CDN solution.</p>
|
|
<p>One of the biggest benefits of a website made of simple static files and assets is that I can deploy it easily, almost anywhere, and for very little money. Obviously, hosting cost is mostly relative to the amount of data transferred (i.e. the number of visitors accessing your site and downloading its assets), but I anticipate paying only a few pennies a month as things stand (unless my little site becomes incredibly popular overnight for some bizarre reason...)</p>
|
|
|
|
</section>
|
|
</DefaultLayout>
|
|
)
|
|
}
|