diff --git a/.vscode/settings.json b/.vscode/settings.json
index 3c021ae..cdfed4b 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -35,5 +35,8 @@
"[javascriptreact]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
- "liveServer.settings.multiRootWorkspaceName": "www-aaronjy-2024"
+ "liveServer.settings.multiRootWorkspaceName": "www-aaronjy-2024",
+ "[css]": {
+ "editor.defaultFormatter": "vscode.css-language-features"
+ }
}
\ No newline at end of file
diff --git a/content/writing/performance-considerations-tcp-game-server.md b/content/writing/performance-considerations-tcp-game-server.md
index 381d9dc..4616f6f 100644
--- a/content/writing/performance-considerations-tcp-game-server.md
+++ b/content/writing/performance-considerations-tcp-game-server.md
@@ -4,8 +4,6 @@ pubdate: 2025-02-23T21:12:37.864Z
desc: While writing a TCP game server in dotnet for a hobby project, I learned a few ways to improve the efficiency and scalability of the server while running into some performance issues. Here's what I learned!
---
-# Performance considerations when writing a TCP game server in dotnet
-
While writing a TCP game server in dotnet for a hobby project (check it out [here](https://github.com/AaronJY/GServer)), I learned a few ways to improve the efficiency and scalability of the server while running into some performance issues.
Here's what I learned!
diff --git a/jsconfig.json b/jsconfig.json
index b8d6842..3931e38 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -2,6 +2,8 @@
"compilerOptions": {
"paths": {
"@/*": ["./src/*"]
- }
+ },
+ "checkJs": true,
+ "jsx": "preserve"
}
}
diff --git a/src/components/Article/Article.jsx b/src/components/Article/Article.jsx
index 5242b93..7d19e4b 100644
--- a/src/components/Article/Article.jsx
+++ b/src/components/Article/Article.jsx
@@ -2,37 +2,32 @@ import { formatDate } from '@/lib/helpers'
import { NextSeo } from 'next-seo'
import Link from 'next/link'
import React from 'react'
-import * as feather from 'feather-icons'
-function Article ({ attributes, html }) {
+function Article({ attributes, html }) {
return (
-
-
+
{attributes.title}
+
+
-
-
-
-
- Go back
-
-
-
{attributes.title}
-
{attributes.desc}
- {attributes.pubdate &&
{formatDate(attributes.pubdate)}
}
-
-
-
-
+ />
+
+ Back...
+ {attributes.pubdate &&
{formatDate(attributes.pubdate)}
}
+
+
+
+
+
)
}
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 00e45ac..b16009c 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -2,47 +2,29 @@ import React from 'react'
import style from './Footer.module.css'
-function Footer () {
+function Footer() {
return (
)
}
diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
index 6afd290..e69de29 100644
--- a/src/components/Footer/Footer.module.css
+++ b/src/components/Footer/Footer.module.css
@@ -1,7 +0,0 @@
-.footer nav:first-child a {
- text-transform: lowercase;
-}
-
-.footer nav li {
- margin-bottom: 0;
-}
diff --git a/src/components/Grid/Grid.jsx b/src/components/Grid/Grid.jsx
deleted file mode 100644
index 9a2433f..0000000
--- a/src/components/Grid/Grid.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react'
-
-import style from './Grid.module.css'
-
-function Grid ({ children }) {
- return (
-
{children}
- )
-}
-
-export default Grid
diff --git a/src/components/Grid/Grid.module.css b/src/components/Grid/Grid.module.css
deleted file mode 100644
index 6b9bc90..0000000
--- a/src/components/Grid/Grid.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.grid {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 32px;
-}
\ No newline at end of file
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index 8bd5112..017519f 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -7,9 +7,10 @@ function Header () {
return (
)
diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
index de48d9b..65d48fd 100644
--- a/src/components/Header/Header.module.css
+++ b/src/components/Header/Header.module.css
@@ -1,9 +1,3 @@
-.header nav {
- display: flex;
- justify-content: center;
- gap: 20px;
-}
-
-.header a {
- text-transform: lowercase;
+.header {
+ margin-top: 20px;
}
\ No newline at end of file
diff --git a/src/components/Resume/Resume.jsx b/src/components/Resume/Resume.jsx
index d216210..d499d47 100644
--- a/src/components/Resume/Resume.jsx
+++ b/src/components/Resume/Resume.jsx
@@ -2,7 +2,7 @@ import React from 'react'
import style from './Resume.module.css'
-function Resume ({
+function Resume({
competencies,
education,
certifications,
@@ -11,35 +11,20 @@ function Resume ({
}) {
return (
+ )
+}
\ 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 (
-
-