- {home.mainLinks.map(link => (
+
+
+ {home.mainLinks.map((link) => (
))}
-
- );
+ )
}
-export default IndexPage;
+export default IndexPage
diff --git a/src/app/(app)/projects/page.tsx b/src/app/(app)/projects/page.tsx
index 6b0820c..5fe992f 100644
--- a/src/app/(app)/projects/page.tsx
+++ b/src/app/(app)/projects/page.tsx
@@ -1,28 +1,45 @@
-import ProjectCard from "@/components/project-card";
-import { getProjects } from "@/services/projects-service";
-import Image from "next/image";
-import Link from "next/link";
+import ProjectCard from '@/components/project-card'
+import { getProjects } from '@/services/projects-service'
+import Image from 'next/image'
+import Link from 'next/link'
-import ProfileImage from "../../../../public/images/liam_pietralla.jpg";
+import ProfileImage from '../../../../public/images/liam_pietralla.jpg'
const ProjectsPage = async () => {
- const projects = await getProjects();
+ const projects = await getProjects()
return (
-
-
-
-
+
+
+
+
Liam Pietralla
-
+
-
Projects
-
- A collection of interesting projects that I am working on currently or have worked on in the past.
+
+ Projects
+
+
+ A collection of interesting projects that I am working on currently or
+ have worked on in the past.
-
+
{projects.docs.map((project, index) => (
-
+
))}
@@ -31,4 +48,4 @@ const ProjectsPage = async () => {
)
}
-export default ProjectsPage;
+export default ProjectsPage
diff --git a/src/app/(payload)/admin/[[...segments]]/not-found.tsx b/src/app/(payload)/admin/[[...segments]]/not-found.tsx
index 6410836..601c44d 100644
--- a/src/app/(payload)/admin/[[...segments]]/not-found.tsx
+++ b/src/app/(payload)/admin/[[...segments]]/not-found.tsx
@@ -15,7 +15,10 @@ type Args = {
}>
}
-export const generateMetadata = ({ params, searchParams }: Args): Promise
=>
+export const generateMetadata = ({
+ params,
+ searchParams,
+}: Args): Promise =>
generatePageMetadata({ config, params, searchParams })
const NotFound = ({ params, searchParams }: Args) =>
diff --git a/src/app/(payload)/admin/[[...segments]]/page.tsx b/src/app/(payload)/admin/[[...segments]]/page.tsx
index 0de685c..d323d0a 100644
--- a/src/app/(payload)/admin/[[...segments]]/page.tsx
+++ b/src/app/(payload)/admin/[[...segments]]/page.tsx
@@ -15,7 +15,10 @@ type Args = {
}>
}
-export const generateMetadata = ({ params, searchParams }: Args): Promise =>
+export const generateMetadata = ({
+ params,
+ searchParams,
+}: Args): Promise =>
generatePageMetadata({ config, params, searchParams })
const Page = ({ params, searchParams }: Args) =>
diff --git a/src/app/(payload)/api/[...slug]/route.ts b/src/app/(payload)/api/[...slug]/route.ts
index f61b68e..fbd4ab2 100644
--- a/src/app/(payload)/api/[...slug]/route.ts
+++ b/src/app/(payload)/api/[...slug]/route.ts
@@ -15,7 +15,7 @@ type NextCtx = { params: Promise<{ slug?: string[] }> }
type PayloadCtx = { params: Promise<{ slug: string[] }> }
const coerceCtx = (ctx: NextCtx): PayloadCtx => ({
- params: ctx.params.then(p => ({ slug: p?.slug ?? [] })),
+ params: ctx.params.then((p) => ({ slug: p?.slug ?? [] })),
})
export function GET(req: Request, ctx: NextCtx) {
@@ -40,4 +40,4 @@ export function PUT(req: Request, ctx: NextCtx) {
export function OPTIONS(req: Request, ctx: NextCtx) {
return REST_OPTIONS(config)(req, coerceCtx(ctx))
-}
\ No newline at end of file
+}
diff --git a/src/app/(payload)/api/graphql-playground/route.ts b/src/app/(payload)/api/graphql-playground/route.ts
index 385a693..eb0eb84 100644
--- a/src/app/(payload)/api/graphql-playground/route.ts
+++ b/src/app/(payload)/api/graphql-playground/route.ts
@@ -6,4 +6,4 @@ import { GRAPHQL_PLAYGROUND_GET } from '@payloadcms/next/routes'
export async function GET(req: Request): Promise {
return GRAPHQL_PLAYGROUND_GET(config)(req)
-}
\ No newline at end of file
+}
diff --git a/src/app/(payload)/api/graphql/route.ts b/src/app/(payload)/api/graphql/route.ts
index 6809b14..a0003de 100644
--- a/src/app/(payload)/api/graphql/route.ts
+++ b/src/app/(payload)/api/graphql/route.ts
@@ -7,7 +7,7 @@ type NextCtx = { params: Promise<{ slug?: string[] }> }
type PayloadCtx = { params: Promise<{ slug: string[] }> }
const coerceCtx = (ctx: NextCtx): PayloadCtx => ({
- params: ctx.params.then(p => ({ slug: p?.slug ?? [] })),
+ params: ctx.params.then((p) => ({ slug: p?.slug ?? [] })),
})
export function POST(req: Request) {
@@ -16,4 +16,4 @@ export function POST(req: Request) {
export function OPTIONS(req: Request, ctx: NextCtx) {
return REST_OPTIONS(config)(req, coerceCtx(ctx))
-}
\ No newline at end of file
+}
diff --git a/src/app/(payload)/layout.tsx b/src/app/(payload)/layout.tsx
index 8df141a..9501c96 100644
--- a/src/app/(payload)/layout.tsx
+++ b/src/app/(payload)/layout.tsx
@@ -23,7 +23,11 @@ const serverFunction: ServerFunctionClient = async function (args) {
}
const Layout = ({ children }: Args) => (
-
+
{children}
)
diff --git a/src/app/api/health/route.ts b/src/app/api/health/route.ts
index 32aafe5..8561001 100644
--- a/src/app/api/health/route.ts
+++ b/src/app/api/health/route.ts
@@ -1,14 +1,14 @@
-import pkg from "../../../../package.json";
+import pkg from '../../../../package.json'
export async function GET() {
const response = {
- "status": "Healthy",
- "version": pkg.version
- };
+ status: 'Healthy',
+ version: pkg.version,
+ }
return new Response(JSON.stringify(response), {
status: 200,
headers: {
- "Content-Type": "application/json"
- }
- });
-}
\ No newline at end of file
+ 'Content-Type': 'application/json',
+ },
+ })
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index d6753cc..1bf85f6 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import 'tailwindcss';
:root {
--background: #0a0a0a;
@@ -31,7 +31,7 @@ body {
.aurora::before,
.aurora::after {
- content: "";
+ content: '';
position: absolute;
width: 60vw;
height: 60vw;
@@ -56,18 +56,32 @@ body {
}
@keyframes drift-1 {
- 0% { transform: translate(0, 0) scale(1); }
- 100% { transform: translate(15vw, 10vh) scale(1.15); }
+ 0% {
+ transform: translate(0, 0) scale(1);
+ }
+ 100% {
+ transform: translate(15vw, 10vh) scale(1.15);
+ }
}
@keyframes drift-2 {
- 0% { transform: translate(0, 0) scale(1); }
- 100% { transform: translate(-12vw, -8vh) scale(1.2); }
+ 0% {
+ transform: translate(0, 0) scale(1);
+ }
+ 100% {
+ transform: translate(-12vw, -8vh) scale(1.2);
+ }
}
@keyframes fade-in-up {
- from { opacity: 0; transform: translateY(16px); }
- to { opacity: 1; transform: translateY(0); }
+ from {
+ opacity: 0;
+ transform: translateY(16px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
}
.animate-fade-in-up {
@@ -76,8 +90,12 @@ body {
}
@keyframes fade-in {
- from { opacity: 0; }
- to { opacity: 1; }
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
}
.animate-fade-in {
@@ -90,7 +108,7 @@ body {
}
.glow-ring::before {
- content: "";
+ content: '';
position: absolute;
inset: -6px;
border-radius: 9999px;
@@ -102,8 +120,12 @@ body {
}
@keyframes spin-slow {
- from { transform: rotate(0deg); }
- to { transform: rotate(360deg); }
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
}
.glass {
@@ -111,7 +133,11 @@ body {
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.08);
- transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
+ transition:
+ background 0.3s ease,
+ border-color 0.3s ease,
+ transform 0.3s ease,
+ box-shadow 0.3s ease;
}
.glass-hover:hover {
diff --git a/src/collections/Media.ts b/src/collections/Media.ts
index b0dc9a4..f7621eb 100644
--- a/src/collections/Media.ts
+++ b/src/collections/Media.ts
@@ -1,26 +1,26 @@
-import type { CollectionConfig } from "payload"
+import type { CollectionConfig } from 'payload'
export const Media: CollectionConfig = {
- slug: "media",
+ slug: 'media',
access: {
read: () => true,
},
fields: [
{
- name: "alt",
- type: "text",
+ name: 'alt',
+ type: 'text',
required: true,
},
],
upload: {
imageSizes: [
{
- name: "thumbnail",
+ name: 'thumbnail',
width: 150,
height: 150,
- position: "centre",
- }
+ position: 'centre',
+ },
],
- adminThumbnail: "thumbnail",
- }
+ adminThumbnail: 'thumbnail',
+ },
}
diff --git a/src/collections/Projects.ts b/src/collections/Projects.ts
index 8f8f69d..0e418f3 100644
--- a/src/collections/Projects.ts
+++ b/src/collections/Projects.ts
@@ -1,61 +1,61 @@
-import { revalidatePath } from "next/cache";
-import { CollectionConfig } from "payload";
+import { revalidatePath } from 'next/cache'
+import { CollectionConfig } from 'payload'
export const Projects: CollectionConfig = {
- slug: "project",
+ slug: 'project',
access: {
read: () => true,
},
fields: [
{
- name: "title",
- type: "text",
+ name: 'title',
+ type: 'text',
required: true,
},
{
- name: "description",
- type: "textarea",
+ name: 'description',
+ type: 'textarea',
required: true,
},
{
- name: "featuredImage",
- type: "relationship",
- relationTo: "media",
+ name: 'featuredImage',
+ type: 'relationship',
+ relationTo: 'media',
required: false,
},
{
- name: "tags",
- type: "array",
+ name: 'tags',
+ type: 'array',
required: false,
fields: [
{
- name: "tag",
- type: "text",
+ name: 'tag',
+ type: 'text',
required: true,
},
],
},
{
- name: "viewLink",
- type: "text",
+ name: 'viewLink',
+ type: 'text',
required: false,
},
{
- name: "repositoryLink",
- type: "text",
+ name: 'repositoryLink',
+ type: 'text',
required: false,
- }
+ },
],
hooks: {
afterChange: [
async () => {
- revalidatePath("/projects");
- }
+ revalidatePath('/projects')
+ },
],
afterDelete: [
async () => {
- revalidatePath("/projects");
- }
- ]
- }
-}
\ No newline at end of file
+ revalidatePath('/projects')
+ },
+ ],
+ },
+}
diff --git a/src/collections/Users.ts b/src/collections/Users.ts
index 8ba30e8..c683d0e 100644
--- a/src/collections/Users.ts
+++ b/src/collections/Users.ts
@@ -1,9 +1,9 @@
-import type { CollectionConfig } from "payload"
+import type { CollectionConfig } from 'payload'
export const Users: CollectionConfig = {
- slug: "users",
+ slug: 'users',
admin: {
- useAsTitle: "email",
+ useAsTitle: 'email',
},
auth: true,
fields: [
diff --git a/src/components/home-page-link.tsx b/src/components/home-page-link.tsx
index 777a605..9caf476 100644
--- a/src/components/home-page-link.tsx
+++ b/src/components/home-page-link.tsx
@@ -1,42 +1,42 @@
-import Link from "next/link";
-import { DynamicIcon, IconName } from "lucide-react/dynamic";
-import { lucidIconMap } from "@/lib/lucid-options";
+import Link from 'next/link'
+import { DynamicIcon, IconName } from 'lucide-react/dynamic'
+import { lucidIconMap } from '@/lib/lucid-options'
interface HomePageLinkProps {
- title: string;
- url: string;
- icon: string;
- id?: string | null;
- isPopover?: boolean;
+ title: string
+ url: string
+ icon: string
+ id?: string | null
+ isPopover?: boolean
}
const HomePageLink = ({ title, icon, url, isPopover }: HomePageLinkProps) => {
- const isRelative = !url.startsWith("http");
- const IconComponent = lucidIconMap[icon as IconName];
+ const isRelative = !url.startsWith('http')
+ const IconComponent = lucidIconMap[icon as IconName]
if (isPopover) {
const LinkContent = (
-
+
{icon && }
- );
+ )
const Popover = (
-
+
{title}
- );
+ )
if (isRelative) {
return (
-
+
{LinkContent}
{Popover}
)
} else {
return (
-
+
@@ -45,12 +45,12 @@ const HomePageLink = ({ title, icon, url, isPopover }: HomePageLinkProps) => {
} else {
const Content = (
<>
-
+
{icon && } {title}
-
+
- );
+ )
if (isRelative) {
return (
@@ -68,5 +68,4 @@ const HomePageLink = ({ title, icon, url, isPopover }: HomePageLinkProps) => {
}
}
-
-export default HomePageLink;
+export default HomePageLink
diff --git a/src/components/horizontal-rule.tsx b/src/components/horizontal-rule.tsx
index 6c83abe..3699e8e 100644
--- a/src/components/horizontal-rule.tsx
+++ b/src/components/horizontal-rule.tsx
@@ -1,15 +1,15 @@
-import { cn } from "@/lib/utils";
-import { CSSProperties } from "react";
+import { cn } from '@/lib/utils'
+import { CSSProperties } from 'react'
interface RuleProps {
- className?: string;
- style?: CSSProperties;
+ className?: string
+ style?: CSSProperties
}
const HorizontalRule = ({ className, style }: RuleProps) => {
return (
-
+
)
}
-export default HorizontalRule;
+export default HorizontalRule
diff --git a/src/components/project-card.tsx b/src/components/project-card.tsx
index 9144652..df21882 100644
--- a/src/components/project-card.tsx
+++ b/src/components/project-card.tsx
@@ -1,20 +1,29 @@
-import Image from "next/image";
-import HorizontalRule from "./horizontal-rule";
-import { Code, ExternalLink } from "lucide-react";
-import { Project } from "@/payload-types";
+import Image from 'next/image'
+import HorizontalRule from './horizontal-rule'
+import { Code, ExternalLink } from 'lucide-react'
+import { Project } from '@/payload-types'
const ProjectCard = (project: Project) => {
return (
-
+
{project.title}
- {project.featuredImage && typeof project.featuredImage === "object" && (
-
+ {project.featuredImage && typeof project.featuredImage === 'object' && (
+
)}
{project.description}
-
+
{(project?.tags || []).map((tag) => (
-
+
{tag.tag}
))}
@@ -24,20 +33,20 @@ const ProjectCard = (project: Project) => {
@@ -45,4 +54,4 @@ const ProjectCard = (project: Project) => {
)
}
-export default ProjectCard;
+export default ProjectCard
diff --git a/src/globals/home.ts b/src/globals/home.ts
index 83c46a7..32b5da0 100644
--- a/src/globals/home.ts
+++ b/src/globals/home.ts
@@ -1,54 +1,54 @@
-import { lucideOptions } from "@/lib/lucid-options";
-import { revalidatePath } from "next/cache";
-import { GlobalConfig } from "payload";
+import { lucideOptions } from '@/lib/lucid-options'
+import { revalidatePath } from 'next/cache'
+import { GlobalConfig } from 'payload'
export const Home: GlobalConfig = {
- slug: "home",
+ slug: 'home',
access: {
read: () => true,
},
fields: [
{
- name: "mainLinks",
- type: "array",
+ name: 'mainLinks',
+ type: 'array',
required: true,
fields: [
{
- name: "title",
- type: "text",
+ name: 'title',
+ type: 'text',
required: true,
},
{
- name: "url",
- type: "text",
+ name: 'url',
+ type: 'text',
required: true,
},
{
- name: "icon",
- type: "select",
+ name: 'icon',
+ type: 'select',
options: lucideOptions,
required: true,
},
],
},
{
- name: "popoverLinks",
- type: "array",
+ name: 'popoverLinks',
+ type: 'array',
required: true,
fields: [
{
- name: "title",
- type: "text",
+ name: 'title',
+ type: 'text',
required: true,
},
{
- name: "url",
- type: "text",
+ name: 'url',
+ type: 'text',
required: true,
},
{
- name: "icon",
- type: "select",
+ name: 'icon',
+ type: 'select',
options: lucideOptions,
required: true,
},
@@ -58,8 +58,8 @@ export const Home: GlobalConfig = {
hooks: {
afterChange: [
async () => {
- revalidatePath("/");
- }
+ revalidatePath('/')
+ },
],
- }
-}
\ No newline at end of file
+ },
+}
diff --git a/src/lib/lucid-options.ts b/src/lib/lucid-options.ts
index 2743bd3..bc4cad7 100644
--- a/src/lib/lucid-options.ts
+++ b/src/lib/lucid-options.ts
@@ -1,15 +1,15 @@
-import { Code2, Github, Linkedin, LucideIcon, Notebook } from "lucide-react"
+import { Code2, Github, Linkedin, LucideIcon, Notebook } from 'lucide-react'
-export const lucideOptions: { label: string, value: string }[] = [
- { label: "Code 2", value: "code-2" },
- { label: "Notebook", value: "notebook" },
- { label: "Github", value: "github" },
- { label: "Linkedin", value: "linkedin" },
-];
+export const lucideOptions: { label: string; value: string }[] = [
+ { label: 'Code 2', value: 'code-2' },
+ { label: 'Notebook', value: 'notebook' },
+ { label: 'Github', value: 'github' },
+ { label: 'Linkedin', value: 'linkedin' },
+]
export const lucidIconMap: Record = {
- "code-2": Code2,
- "notebook": Notebook,
- "github": Github,
- "linkedin": Linkedin,
-};
\ No newline at end of file
+ 'code-2': Code2,
+ notebook: Notebook,
+ github: Github,
+ linkedin: Linkedin,
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index bd0c391..fed2fe9 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,5 +1,5 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
diff --git a/src/payload.config.ts b/src/payload.config.ts
index c578f0e..2c50e1b 100644
--- a/src/payload.config.ts
+++ b/src/payload.config.ts
@@ -1,15 +1,15 @@
-import { postgresAdapter } from "@payloadcms/db-postgres"
-import { lexicalEditor } from "@payloadcms/richtext-lexical"
-import path from "path"
-import { buildConfig } from "payload"
-import { s3Storage } from "@payloadcms/storage-s3"
-import sharp from "sharp"
-import { fileURLToPath } from "url"
+import { postgresAdapter } from '@payloadcms/db-postgres'
+import { lexicalEditor } from '@payloadcms/richtext-lexical'
+import path from 'path'
+import { buildConfig } from 'payload'
+import { s3Storage } from '@payloadcms/storage-s3'
+import sharp from 'sharp'
+import { fileURLToPath } from 'url'
-import { Media } from "./collections/Media"
-import { Projects } from "./collections/Projects"
-import { Users } from "./collections/Users"
-import { Home } from "./globals/home"
+import { Media } from './collections/Media'
+import { Projects } from './collections/Projects'
+import { Users } from './collections/Users'
+import { Home } from './globals/home'
const filename = fileURLToPath(import.meta.url)
const dirname = path.dirname(filename)
@@ -24,13 +24,13 @@ export default buildConfig({
collections: [Users, Media, Projects],
globals: [Home],
editor: lexicalEditor(),
- secret: process.env.PAYLOAD_SECRET || "",
+ secret: process.env.PAYLOAD_SECRET || '',
typescript: {
- outputFile: path.resolve(dirname, "payload-types.ts"),
+ outputFile: path.resolve(dirname, 'payload-types.ts'),
},
db: postgresAdapter({
pool: {
- connectionString: process.env.DATABASE_URL || "",
+ connectionString: process.env.DATABASE_URL || '',
},
}),
sharp,
@@ -39,16 +39,16 @@ export default buildConfig({
collections: {
media: true,
},
- bucket: process.env.S3_BUCKET || "",
+ bucket: process.env.S3_BUCKET || '',
config: {
forcePathStyle: true,
- region: process.env.S3_REGION || "",
+ region: process.env.S3_REGION || '',
credentials: {
- accessKeyId: process.env.S3_ACCESS_KEY_ID || "",
- secretAccessKey: process.env.S3_SECRET_ACCESS_KEY || "",
+ accessKeyId: process.env.S3_ACCESS_KEY_ID || '',
+ secretAccessKey: process.env.S3_SECRET_ACCESS_KEY || '',
},
endpoint: process.env.S3_ENDPOINT || undefined,
- }
+ },
}),
],
})
diff --git a/src/services/home-service.ts b/src/services/home-service.ts
index a5ebe28..3b3370f 100644
--- a/src/services/home-service.ts
+++ b/src/services/home-service.ts
@@ -4,6 +4,6 @@ import config from '@payload-config'
export const getHome = async () => {
const payload = await getPayload({ config })
return await payload.findGlobal({
- slug: "home"
+ slug: 'home',
})
-}
\ No newline at end of file
+}
diff --git a/src/services/projects-service.ts b/src/services/projects-service.ts
index c8cc49c..8c048fe 100644
--- a/src/services/projects-service.ts
+++ b/src/services/projects-service.ts
@@ -4,6 +4,6 @@ import config from '@payload-config'
export const getProjects = async () => {
const payload = await getPayload({ config })
return await payload.find({
- collection: "project"
+ collection: 'project',
})
-}
\ No newline at end of file
+}
diff --git a/tsconfig.json b/tsconfig.json
index 75e90e3..a14a139 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,11 +1,7 @@
{
"compilerOptions": {
"target": "ES2017",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
+ "lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
@@ -23,12 +19,8 @@
}
],
"paths": {
- "@/*": [
- "./src/*"
- ],
- "@payload-config": [
- "./src/payload.config.ts"
- ]
+ "@/*": ["./src/*"],
+ "@payload-config": ["./src/payload.config.ts"]
}
},
"include": [
@@ -38,7 +30,5 @@
".next/types/**/*.ts",
".next/dev/types/**/*.ts"
],
- "exclude": [
- "node_modules"
- ]
+ "exclude": ["node_modules"]
}