diff --git a/package-lock.json b/package-lock.json index 8f2f97a..bca9106 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "0.1.0", "dependencies": { "next": "14.1.1", + "next-seo": "^6.5.0", "react": "^18", "react-dom": "^18" }, @@ -2810,6 +2811,16 @@ } } }, + "node_modules/next-seo": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/next-seo/-/next-seo-6.5.0.tgz", + "integrity": "sha512-MfzUeWTN/x/rsKp/1n0213eojO97lIl0unxqbeCY+6pAucViHDA8GSLRRcXpgjsSmBxfCFdfpu7LXbt4ANQoNQ==", + "peerDependencies": { + "next": "^8.1.1-canary.54 || >=9.0.0", + "react": ">=16.0.0", + "react-dom": ">=16.0.0" + } + }, "node_modules/object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", diff --git a/package.json b/package.json index 147d19f..0f01033 100644 --- a/package.json +++ b/package.json @@ -9,9 +9,10 @@ "lint": "next lint" }, "dependencies": { + "next": "14.1.1", + "next-seo": "^6.5.0", "react": "^18", - "react-dom": "^18", - "next": "14.1.1" + "react-dom": "^18" }, "devDependencies": { "eslint": "^8", diff --git a/src/components/ExternalLink.jsx b/src/components/ExternalLink.jsx new file mode 100644 index 0000000..9ad9869 --- /dev/null +++ b/src/components/ExternalLink.jsx @@ -0,0 +1,27 @@ +import React from "react"; + +function ExternalLink({ + href, + rel = "nofollow noopener", + children, + target = "_blank", +}) { + return ( + <> + + + + + + + {children} + + + ); +} + +export default ExternalLink; diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx new file mode 100644 index 0000000..3d74a9a --- /dev/null +++ b/src/components/Footer.jsx @@ -0,0 +1,45 @@ +import React from "react"; + +function Footer() { + return ( + + ); +} + +export default Footer; diff --git a/src/components/Header.jsx b/src/components/Header.jsx new file mode 100644 index 0000000..d210acc --- /dev/null +++ b/src/components/Header.jsx @@ -0,0 +1,21 @@ +import Link from "next/link"; +import React from "react"; + +function Header() { + return ( +
+ +
+ ); +} + +export default Header; diff --git a/src/pages/_app.js b/src/pages/_app.js index b97e52f..b47e352 100644 --- a/src/pages/_app.js +++ b/src/pages/_app.js @@ -1,5 +1,15 @@ +import "@/styles/tacit-css-1.7.1.min.css"; import "@/styles/globals.css"; +import { Merriweather } from "next/font/google"; +import { DefaultSeo } from "next-seo"; + +const merriweather = Merriweather({ subsets: ["latin"], weight: [ "400", "700" ]}); + + export default function App({ Component, pageProps }) { - return ; + return
+ + +
} diff --git a/src/pages/index.js b/src/pages/index.js index ae640e4..48ef717 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -1,114 +1,93 @@ import Head from "next/head"; -import Image from "next/image"; -import { Inter } from "next/font/google"; -import styles from "@/styles/Home.module.css"; - -const inter = Inter({ subsets: ["latin"] }); +import Footer from "@/components/Footer"; +import Header from "@/components/Header"; +import ExternalLink from "@/components/ExternalLink"; export default function Home() { return ( <> - Create Next App - -
-
-

- Get started by editing  - src/pages/index.js -

-
- - By{" "} - Vercel Logo - -
-
-
- Next.js Logo -
+
-
- -

- Docs -> -

-

- Find in-depth information about Next.js features and API. -

- +
+

Hello!

+
- -

- Learn -> -

-

- Learn about Next.js in an interactive course with quizzes! -

- +
+

+ I'm Aaron. I'm a Brit living in Newcastle-upon-tyne, + UK. I work professionally as a Software Engineer and Tutor, and study + languages in my spare time. +

+

+ This is my little corner of the web! I've always had a terrible + 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. That said, this little site endeavours to + pull me by my ankles out of the weeds in the great digital park we + find ourselves, and encourage me to share a bit more about myself + online. +

+
- -

- Templates -> -

-

- Discover and deploy boilerplate example Next.js projects. -

- +
+

Where to find me

+

+ I'm not a massive fan of social media, and prefer to keep my + digital footprint as small as possible. That said, you can find me in + the following places! +

- -

- Deploy -> -

-

- Instantly deploy your Next.js site to a shareable URL - with Vercel. -

- -
-
+

+ Letterboxd is a social platform for film lovers to + rate, review, and discover movies, akin to "Goodreads for + film." +

+

+ + See what I've watched recently. + +

+ +

+ GitHub is a web-based platform for version control + and collaboration on software development projects. Find out what + I've been working on here! +

+

+ + Check out what I've been working on. + +

+ +

+ LinkedIn is possibly the worst social network. + Specifically for professional stuff, I'm only on here because I + have to be 😩 +

+

+ + Be creepy and stalk me on LinkedIn. + +

+ +

+ Yarbz Tutoring is my tutoring site. You can read a + bit more about my tutoring and general software develpment experience, + and book a class if it suits you. +

+

+ + Read more about my tutoring side-gig. + +

+ + +