repos

isaacbythewood.com-nextjs

mirror archived upstream

Animation-heavy personal portfolio on Next.js: a custom cursor, a page-transition loader, and canvas backgrounds.

canvas-animationscss-modulesdark-themehandcodednextjspersonal-websiteportfolioreact

master
components/
pages/
public/
resume/
samplefiles/
styles/
.dockerignore 121 B
.gitignore 50 B
Dockerfile 199 B
LICENSE.md 1.3 KB
Makefile 256 B
README.md 1.9 KB
bun.lock 25.9 KB
docker-compose.yml 125 B
jsconfig.json 104 B
next.config.js 1.3 KB
package.json 553 B
site.config.js 528 B
README.md

Archived. This project is no longer in use and no longer maintained. Last updated July 2026.

isaacbythewood.com Favicon

Isaac Bythewood

The personal website of Isaac Bythewood, a Senior Solutions Architect located in Elkin, NC.

https://isaacbythewood.com/

It is a visually rich, animation-heavy portfolio. The site leans into motion: a custom cursor, a page transition loader, a background grid overlay, and four full-canvas background animations (constellations, synthwave, retrostars, slimemold). Pages cover an intro, about, code, art, and contact.

Tech stack

  • Next.js 16 and React 19 (Pages Router), plain JavaScript.
  • Bun as both the runtime and the package manager.
  • CSS Modules for styling, with shared theme tokens (colors, breakpoints, animation timings) centralized in site.config.js.
  • react-transition-group for page transitions, sharp for image processing.
  • The resume is generated from Markdown using marked and gray-matter.

Clone

For any possible way of running this website yourself you’ll need a copy of the repo:

git clone https://github.com/overshard/isaacbythewood.com-nextjs.git

After you get the repo it’s up to you how you want to use it.

Development

You will need to have bun installed. After that you can run:

bun install
bun start

This will spin up isaacbythewood.com to run on port 8000 which you can access via a browser at http://localhost:8000.

Resume

The resume lives in resume/: content.md holds the copy and template.html the layout. After editing the content, regenerate it with:

bun run resume

Production

The project includes a Dockerfile and docker-compose.yml for production deployment. To build and run with Docker:

docker compose up -d