willy's blog

Pushed “dark mode & about pg.”

Deleted some unused files that came from installing next.js on the wrong layer/folder. Launched the website via npm run dev and used the VS Code Simple Browser feature.

Took html notes in html.md, learned spacing, font size, and font color code. Found out I couldn’t use an apostrophe, and learned how to make next.js understand.

Deleted all the default next.js features and started using Tailwind to make it look presentable. Finally made what I’m most proud of this devlog: the light/dark mode toggle switch.

Switched dark mode from following the OS light/dark mode to following a class.
Tested if it works by adding the class to layout.tsx.

Made first client component (components/darkmode.tsx).
Made my own button, troubleshooted an error caused by a missing return, and import/export.

Finished “Build Your Own Blog,” yay!

In the repo there’s a little .md I created to take notes on the git commands and the flags I used. Spent a while pushing the code to GitHub through the terminal instead of using Claude, which I was used to doing because of a hackathon I did with my friends.

Spent more time finnicking around with Vercel (time which wasn’t recorded for Stardance) and finally deploying the website. Super happy with the end result and I have ambitious plans for the next steps.

I spent a few hours last night setting up Oracle Cloud and installing Headscape on that server. I want to use Cloudflare for DNS and buy my own domain, and host the Oracle Cloud / Headscape VPN on a subdomain.

Following the tutorial, “Build your own Blog.” Currently on step 7/9, but somewhere along the line something went wrong. (screenshot attached below) Maybe because I wanted to type out the code instead of copy and pasting, but idk.

Trying to finish the tutorial and deploy to Vercel, and then I want to start experimenting with 3D libraries and motion like you often see on Instagram reels.