+ )
+}
\ No newline at end of file
diff --git a/src/layouts/DefaultLayout/DefaultLayout.jsx b/src/layouts/DefaultLayout/DefaultLayout.jsx
index 4b13d13..8800832 100644
--- a/src/layouts/DefaultLayout/DefaultLayout.jsx
+++ b/src/layouts/DefaultLayout/DefaultLayout.jsx
@@ -10,11 +10,11 @@ function DefaultLayout ({ children }) {
-
+
- {children}
+ <>{children}
)
diff --git a/src/layouts/DefaultLayout/DefaultLayout.module.css b/src/layouts/DefaultLayout/DefaultLayout.module.css
index 3a2e8ac..e69de29 100644
--- a/src/layouts/DefaultLayout/DefaultLayout.module.css
+++ b/src/layouts/DefaultLayout/DefaultLayout.module.css
@@ -1,9 +0,0 @@
-.layout {
- display: flex;
- flex-direction: column;
- min-height: 100dvh;
-}
-
-.layout main {
- flex-grow: 1;
-}
\ No newline at end of file
diff --git a/src/lib/content.js b/src/lib/content.js
index 2718cf9..18d4ad3 100644
--- a/src/lib/content.js
+++ b/src/lib/content.js
@@ -52,11 +52,11 @@ export function getStaticEntryProps (contentPath, { params }) {
return { props: { ...entry, attributes } }
}
-export function getStaticEntryListProps (contentPath, urlPrefix) {
- const fun = fs.readdirSync(contentPath, { withFileTypes: true })
- const entries = fun.map((dirent) =>
+export function getStaticEntries(contentPath) {
+ const directoryItems = fs.readdirSync(contentPath, { withFileTypes: true });
+ return directoryItems.map((dirent) =>
getMarkdownEntry(`${dirent.path}/${dirent.name}`)
- ).sort((a, b) => new Date(b.attributes.pubdate) - new Date(a.attributes.pubdate))
-
- return { props: { entries, urlPrefix } }
-}
+ ).sort((a, b) =>
+ new Date(b.attributes.pubdate).getTime() - new Date(a.attributes.pubdate).getTime()
+ );
+}
\ No newline at end of file
diff --git a/src/pages/_document.js b/src/pages/_document.js
index d679015..91f23cc 100644
--- a/src/pages/_document.js
+++ b/src/pages/_document.js
@@ -4,7 +4,7 @@ export default function Document () {
return (
-
+
diff --git a/src/pages/about/index.js b/src/pages/about/index.js
new file mode 100644
index 0000000..0374c96
--- /dev/null
+++ b/src/pages/about/index.js
@@ -0,0 +1,73 @@
+import ExternalLink from "@/components/ExternalLink/ExternalLink";
+import DefaultLayout from "@/layouts/DefaultLayout/DefaultLayout";
+
+export default function About() {
+ return (
+
+
About me
+
Where to find me
+
+
+
+
+
+
+ Letterboxd
+
+ {' '}
+ is a social platform for film lovers to rate, review, and discover
+ movies, akin to "Goodreads for film."
+
+
+
+
+ GitHub
+
+ {' '}
+ is a web-based platform for version control and collaboration on
+ software development projects. Find out what I've been working
+ on here!
+
+
+
+
+ LinkedIn
+
+
+ , unfortunately. A social network for professionals.
+
+
+
+
+
Tech I Like
+
+
+
+ Web Development: I primarily use Node.js with TypeScript
+ (or JavaScript for smaller projects) alongside Next.js to build websites
+ and applications.
+
+
+ Scripting: My preferred scripting languages are Python
+ and JavaScript, as I'm well-versed in them and they offer extensive
+ libraries that typically cover my needs.
+
+
+ API and Backend Development: For more robust API or backend
+ architecture, I often choose .NET Core with C# and ASP.NET. The strongly-typed
+ nature of C# and the structured framework of ASP.NET help maintain clean and
+ organised code.
+
+
+ Cloud Hosting: When possible, I opt for hosting on a
+ DigitalOcean droplet. If more extensive cloud services are required, I usually
+ opt for Google Cloud Platform (GCP), which I find more user-friendly than Azure
+ or AWS. I also self-host services on shared server hosting running Ubuntu Server, typically with Hetzner.
+
+
+
+
+
+
+ )
+}
diff --git a/src/pages/cv/index.js b/src/pages/cv/index.js
index ccb192e..03dc443 100644
--- a/src/pages/cv/index.js
+++ b/src/pages/cv/index.js
@@ -7,7 +7,6 @@ import { NextSeo } from 'next-seo'
import Resume from '@/components/Resume/Resume'
export const Title = 'CV'
-export const Description = 'Read about my professional experience as a software engineer, core competencies, and certifications.'
function ResumePage ({
competencies,
@@ -19,17 +18,13 @@ function ResumePage ({
return (
-
-
{Title} 💼
-
{Description}
-
+
{Title}
({
...exp,
desc: MDConverter.makeHtml(exp.desc)
}))
return {
+ // @ts-ignore
props: { ...data }
}
}
diff --git a/src/pages/index.js b/src/pages/index.js
index eb0770d..004db1d 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,21 +1,26 @@
import Head from 'next/head'
import DefaultLayout from '@/layouts/DefaultLayout/DefaultLayout'
-import ExternalLink from '@/components/ExternalLink/ExternalLink'
import Link from 'next/link'
-import { Title as WritingTitle, Description as WritingDescription } from './writing'
-import { Title as CvTitle, Description as CvDescription } from './cv'
+import StaticContentList from '@/components/StaticContentList/StaticContentList'
+import { getStaticEntries } from '@/lib/content'
-export default function Home () {
+export const getStaticProps = () => ({
+ props: {
+ postEntries: getStaticEntries("content/writing")
+ }
+})
+
+export default function Home({ postEntries }) {
return (
+
Hello!
-
Hello! 👋🏻
I'm Aaron, a Brit living in Newcastle-upon-tyne, UK. I
work professionally as a Software Engineer, and study
@@ -24,92 +29,13 @@ export default function Home () {
I current work as a Lead Consultant at Hippo Digital, working on public sector project for the Department of Education. You can find out more about my work history on my CV.
-
-
-
- {WritingTitle}
-
{WritingDescription}
- Read more...
-
-
-
- {CvTitle}
-
{CvDescription}
- Read more...
-
-
-
Tech I Like
-
-
- Web Development: I primarily use Node.js with TypeScript
- (or JavaScript for smaller projects) alongside Next.js to build websites
- and applications.
-
-
- Scripting: My preferred scripting languages are Python
- and JavaScript, as I'm well-versed in them and they offer extensive
- libraries that typically cover my needs.
-
-
- API and Backend Development: For more robust API or backend
- architecture, I often choose .NET Core with C# and ASP.NET. The strongly-typed
- nature of C# and the structured framework of ASP.NET help maintain clean and
- organised code.
-
-
- Cloud Hosting: When possible, I opt for hosting on a
- DigitalOcean droplet. If more extensive cloud services are required, I usually
- opt for Google Cloud Platform (GCP), which I find more user-friendly than Azure
- or AWS. I also self-host services on shared server hosting running Ubuntu Server, typically with Hetzner.
-
-
-
+
Recent posts
+
-
-
Where to find me
-
-
-
-
-
- Letterboxd
-
- {' '}
- is a social platform for film lovers to rate, review, and discover
- movies, akin to "Goodreads for film."
-
-
-
-
- GitHub
-
- {' '}
- is a web-based platform for version control and collaboration on
- software development projects. Find out what I've been working
- on here!
-
-
-
-
- LinkedIn
-
-
- , unfortunately. A social network for professionals.
-
-
-
-
-
-
About this site
-
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.
-
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.
-
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.
-
-
)
}
diff --git a/src/pages/writing/index.js b/src/pages/writing/index.js
index a0b633d..63ad507 100644
--- a/src/pages/writing/index.js
+++ b/src/pages/writing/index.js
@@ -1,45 +1,33 @@
import DefaultLayout from '@/layouts/DefaultLayout/DefaultLayout'
import React from 'react'
-import Link from 'next/link'
-import { getStaticEntryListProps } from '@/lib/content'
+import { getStaticEntries } from '@/lib/content'
import { NextSeo } from 'next-seo'
-import { formatDate } from '@/lib/helpers'
+import StaticContentList from '@/components/StaticContentList/StaticContentList'
-export const getStaticProps = () => getStaticEntryListProps('./content/writing', '/writing/')
+export const getStaticProps = () => ({
+ props: {
+ postEntries: getStaticEntries("./content/writing")
+ }
+})
export const Title = 'Writing'
-export const Description = 'A collection of writing and musings on various topics that interest me, as well as technical writing.'
-export default function Writing ({ entries, urlPrefix }) {
+export default function Writing ({ postEntries }) {
+
return (
-
-