Animation-heavy personal portfolio on Next.js: a custom cursor, a page-transition loader, and canvas backgrounds.
canvas-animationscss-modulesdark-themehandcodednextjspersonal-websiteportfolioreact
1> **Archived.** This project is no longer in use and no longer maintained. Last updated July 2026.
2
3<p align="center">
4 <img src="https://raw.githubusercontent.com/overshard/isaacbythewood.com-nextjs/master/public/static/images/favicon.png"
5 width="200"
6 height="200"
7 alt="isaacbythewood.com Favicon" />
8</p>
9
10# Isaac Bythewood
11
12The personal website of Isaac Bythewood, a Senior Solutions Architect located in
13Elkin, NC.
14
15https://isaacbythewood.com/
16
17It is a visually rich, animation-heavy portfolio. The site leans into motion: a
18custom cursor, a page transition loader, a background grid overlay, and four
19full-canvas background animations (constellations, synthwave, retrostars,
20slimemold). Pages cover an intro, about, code, art, and contact.
21
22## Tech stack
23
24- Next.js 16 and React 19 (Pages Router), plain JavaScript.
25- Bun as both the runtime and the package manager.
26- CSS Modules for styling, with shared theme tokens (colors, breakpoints,
27 animation timings) centralized in `site.config.js`.
28- react-transition-group for page transitions, sharp for image processing.
29- The resume is generated from Markdown using marked and gray-matter.
30
31## Clone
32
33For any possible way of running this website yourself you'll need a copy of the
34repo:
35
36 git clone https://github.com/overshard/isaacbythewood.com-nextjs.git
37
38After you get the repo it's up to you how you want to use it.
39
40## Development
41
42You will need to have [bun](https://bun.sh/) installed. After that you can run:
43
44 bun install
45 bun start
46
47This will spin up isaacbythewood.com to run on port 8000 which you can access
48via a browser at `http://localhost:8000`.
49
50## Resume
51
52The resume lives in `resume/`: `content.md` holds the copy and `template.html`
53the layout. After editing the content, regenerate it with:
54
55 bun run resume
56
57## Production
58
59The project includes a `Dockerfile` and `docker-compose.yml` for production
60deployment. To build and run with Docker:
61
62 docker compose up -d