HUGE PR: Refactor Next.js to `App Router`, directly set option from the webpage, using `emotion` to the SVG, and many more.

[hexaaagon]

Refactor

• migrate Next.js Page Router to App Router, which is pain

Migrate

• migrate package manager from npm to pnpm
• migrate from styled-components to tailwindcss for the landing page
• using emotion as css formatter. (before image, after image), easier for debugging, i guess

Implements

• option menu (using shadcn/ui)
• check user id directly onto the page
• changeable output (markdown, html, url)
• animation (using framer-motion)

Bug Fixes

• catch didn't triggered because of fetch (original code)
• light theme background is transparent because the # placed twice (code)

Preview

https://github.com/user-attachments/assets/8414be3d-bb85-47f9-82f0-502756365d39

[!NOTE]
incase you didn't know, the bottom left one that have lightning icon is generated by Next.js v15 it'll be gone on production mode, or next start

[vercel[bot]]

@hexaaagon is attempting to deploy a commit to the Conrad's projects Team on Vercel.

A member of the Team first needs to authorize it.

[cnrad]

wow, this is awesome work - will take a deeper look sometime this week/weekend and tweak some things to my liking (mainly just the ui/ux) and then it should be good to go

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
lanyard-profile-readme	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 14, 2024 6:29am

[hexaaagon]

ready to merge