redirecter for ao3 that adds opengraph metadata
veryroundbird.house
1import styles from "./page.module.css";
2
3export default function Index() {
4 return (
5 <>
6 <main>
7 <p>
8 fixAO3 is a tool that provides opengraph card previews for social
9 media and other programs that display expanded embeds, suchas
10 Discord. Similar to services that do the same for Twitter/X and
11 Bluesky, clicking the link will redirect people to the "canonical"
12 link—that is, the page on AO3.
13 </p>
14 <p>
15 As of now, it definitely works for works, individual work
16 chapters, and series; user profiles are a work in progress as are
17 collections. I'm also working on getting image cards working but I
18 think I need to do something arcane with HTML canvas to make it
19 actually go.
20 </p>
21 <h2>How do I use it?</h2>
22 <p>
23 All you have to do is change the "ao3.org" or
24 "archiveofourown.org" part of your fic's URL to "{process.env.DOMAIN}".
25 It'll automatically pull in your fic's metadata and set up a
26 redirect. Easy as that!
27 </p>
28 <h2>Support fixAO3</h2>
29 <p>
30 If you found this useful and would like to support further
31 development, you can tip me on{" "}
32 <a href="https://ko-fi.com/veryroundbird" target="_blank">
33 Ko-fi
34 </a>! This work would also be much, much harder and more annoying
35 without being able to build off of Fujocoded's{" "}
36 <a href="https://github.com/fujocoded/ao3.js" target="_blank">
37 AO3.js
38 </a>. For questions, comments, job offers, and other inquiries,
39 I'm{" "}
40 <a
41 href="https://bsky.app/profile/veryroundbird.house"
42 target="_blank"
43 >
44 @veryroundbird.house
45 </a>{" "}
46 on bluesky. ✌️
47 </p>
48 </main>
49 </>
50 );
51}