From 6f88ab8f30b69beedaee2f738207676ed14beedd Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 15 Oct 2024 19:26:04 +0100
Subject: [PATCH] move og image to backend

---
 bun.lockb                                     | Bin 309104 -> 317776 bytes
 projects/backend/package.json                 |   4 ++-
 .../src/common/open-graph.tsx}                |  28 ++++++++----------
 .../src/controller/player.controller.ts       |  10 +++++++
 .../{player.service.ts => player.service.tsx} |  14 +++++++++
 projects/backend/tsconfig.json                |   1 +
 .../src/app/(pages)/player/[...slug]/page.tsx |   8 +----
 7 files changed, 41 insertions(+), 24 deletions(-)
 rename projects/{website/src/app/(pages)/api/og/player/route.tsx => backend/src/common/open-graph.tsx} (73%)
 rename projects/backend/src/service/{player.service.ts => player.service.tsx} (93%)

diff --git a/bun.lockb b/bun.lockb
index 06e8afcc62fb64f0296e3c6052225440f6ac6573..ad0c102317085101079825d0f7b0bd9dbbc10411 100755
GIT binary patch
delta 10809
zcmeHNcU)9Q*S>pqK^CMVML+?u;x0{Dkce2K#*P&+CW5RqWu;gX1x<`4!ID)cVmE5+
zB?_nn#THu<u|z>d#R`fbRzT73IlHrFzr1<h-}m45&wJ(Z%z5U_%$a`g>^!ZqEBe`f
zv9g`^{?6)Gzh+NM&pjn>t+JQRDyV$%S%Gz^b>#B1<1Fl>3yWm}Jre1X$Y$b<+Pzb!
zHffZqjvkvX2-@l<ZEg3J3xc~KWG<`_1Y5|v+P03(Bi4d-fY$G^AXr1LhinWPlcq_g
z?2@8W)#?d?F#MrDm3sWNw1j9usIL?ROW2h`x<HQAXp$1tf>5Mg;n+Om6IfGhFi+K`
zS`ciYxBgo$?$FJ_k9w-NPm501q$UVL_ZmTH0^S#rysL$DgB&+*d~`ZWv4L(6{nax;
zu!9^MJwZJ_VY*rZ9<}J38LytINR5jTo+D!`7?eX=K#mmk@)mSCbgP&8>PB%nF*->@
z)i!}n@qM0ZFFKCvmQ}0IW?XDSDn+ZOs>h-c1m}9a9~O{Q-}iO;?7l}sQ*ke$Q~fII
zw9}oM*(JZ#n?-Xu<gIp_Q#0{Z!@jdllbe_=epr0dW$}rn+HggAM)!4hYj1WgnPV4!
z`A3;}Z~mpK>*32beYL7{v1!rakT2SmeWj4kT(~R$LgcMQtpoOqe(iKk)8WnF!u%U<
zE-eP1o|$Dm=hg2KgEYr#ZQBN3&M`IZ=zr!1)8{d<Qj>*apUzY?`TmP#-zIx?Xw*A;
z^4=9?<!8EF`|a?&mHR7WqlT4!ROsJB^X<(Q=R;Oxo?bm`X=wEE(UmPr##N0TR(HOw
z>-F;9*$+kxUM0M%u0NZ-I(+e^u(h4{wNYm7kjJ4%15sl;ZAzF*o((M+nwhqygGzo8
znm;sKZB2KTT#Av`0h)<6WvNQ8f))Tx(54Jj$rGRjK{M5+Tn{$GfQ^A7)u#BW<ZGez
zfM%if_fyH=LK_0Dk=DPnN<Q$BAasUismt;^X#I3?R6sE_KWH*-jju{Hd#p_?4U><;
zXzvM9O36)jLJQYU=pQP7f)E*-YHJ3m<n9>b<f*8wiBicUp!LyZloG6xtkhQA>>_XU
z1Y;IlV_nVqK#PJV(K);k8l@Jrd%LM5#oCHnUF1!x1R)fhxpr@$N-|8FaJ!3qF1YsK
zP)bB_BPiXVu%lAZPdmof%;Y7QK3at;R6Y=sskc7EK$V<9BX`hn{Z+PQ&^khsU~m!~
zwVuAMwd>Bx%`o8gUQiw4p;7jNwx*lPavL;C1be|8?e9YcnnhwR4F=1ir|Vs4vklAu
zp1F*S`4gi~k5;0&3Kl;)IkT;-PCLlgS?=&m5XR_=@DElsPKTx|9!a!M7q-_`X$!~!
z+9&>@a<k|9u0o5UtA;|OQKN6a@1Rj130h=iauHgPc4t6n8?zUBo~mj51af6&rRTGp
zg)5ZWq7yD;8>Y*VhRJu(x<E76)+|(+oP*X$J0UpKtSKgaICy=dd!)(DI3dxEuFcR;
zOE|Lkm`Z*HS|^>Bf?lwBr5^z3yoD<H5NPBwhQlD0xZ;(z-JLM`1&|+u)Yr=KwZ1Hg
zZo~|S7NC#osFKfvMp+{c1O6Da4$v?cf>iQX#&Kf*TJ58|Ve+4_JW+C)uK7y1Ce<ak
zz!F56$+Z3|mH2U;_R+mC`2vts6^w7Vdk7jOH=zV(KK1%u{xJ09)4<SZ5w#fc@_cC2
zN+=B8y@5t8i^&P^Lf#0%N6_Fa;wC}sq)!KJH#C~lCR+c&!DdjXi*;Fw?pOyOhM9bU
zWieDY|8gmWXbH_3c?~q0*80(*Y|zJ9=)6gQ_6g$9DLqtTeuK7MMVR=$VP9g!h9()d
z7zz=l`k62ovJv!=ko1tGp%cY*lIGB3Aw|e>JU))clO#TY>m(_CB9}>Aj_2`^8Hg4H
zBSMfu*TBF8GMyX#UnCVYiQAJTeKMC*I8T!JsgRWa3{#X(1!i&sl2pS5Tqj92`i|?y
zlF}{Wys;$vC7l0HlI*k@yntmq!GDruvXa}8BnQ@Txt{YRDdQixPLgW85mFAhlk2;9
ze1;)lEGfZmp5OpCG?o;9kn{f}DgF?TCrOSLaGfN@AJ*&53;~^_h$D!g8XP6VeXA=p
z{~e?M9itczc>bTpXw!c`M)N|PC6$l+9rax=ii794n}6N+ytnzS126kuEqi{Y)cMiO
zvC6%RlY7=4I$&+zU|Ud~v$$~5k$T6>sjbRl+(wk=J0%Vo-X(WF#=S&%XZ;RxH*=AR
zBiLz~Xvt>C#J-Zf><kf8O+YA2K<s1FOhB|T1yM>w4r^-)qL_#*QxJKqgot^KKy+>d
z;vk#f2t=?Mh$lqkvk)^7<wUGD15v;#i1<McqQ4x(5w=1OqPIDS1|p8KPs~Bo60y@9
z#Bo+f#1;z>qb)$3WLqsjL^cLt*%-trHnK4YGfNN!M4VxAOArT$m|zLw96Lxvyp?E~
zv3l{$pN4sObQe8tbsN&V^igbF*20sy-`-psy!&dO@Xis=-#+#qKEb!|$)#(if9l)n
zyFG``3V|yv{6CA`I3l3d=b%v|{!R-Be`JZ7+bu36F1Z~R+12$$d%JAE7dsL@o_cNN
z;A6p;wGZ0H&S>6jj$=kAm)x3$@~U33N2d=px#aw1)XlV0H=26)cr-ebSz3$E8LEd<
z2Q8hSeCxt3^B*ePwcD5d>4=_77sWStZdC0kZkRCW+hw;D{bH6RsqG}r4-38@KEl1f
zRcx~(N4?j~4UE4h4K{M`ys>+u2llYZk&P?gGVq&K?H6?W-1df3r%H=6yAE469;<P$
z3rRfgcyFNJIG2&XgxxBSv*>u~$v5fUG~T86@9huzI{(pTdsaa175D7B;Pi^_RS)hq
zR_?CfFlK4oyh*h_OK-fkp5ouRu<ys;U#W^sSYy(5+JJt}1G3J~&g^YHZ(P`n8L5$7
z9F8q%H^|7n3&!r<C~l?le9daA%llSFF0VYy+D7Ca>UGT4)>^eHLzUKQqlHyf;PCA(
zu|Iy^+~Vb^upeh{JNYim|6aH1UOztcDY-O}O|XG`C56Mx!{*)oYPa3g+o83?w@!T|
zOLBhmk@XMLCY7|i_hQb)xHa>S%YS~ei-mr#%&WH<*6hiHHj(Lj(w%=jkQm{RYUJJ}
zWA`3BS@zcB%GITf|D1e%mhXPc=QTr{|2SyNaGUMB9LpZ298~S^+U}1;Cl}u*3r?3M
zw@F;MCa(9nfu)Hr=Ui^9JXXBYg1Otmy)RDmiO=~hIC8_A{+l~R?aA8nqG;pS?Ka<E
zqb>NNIwv7L=gSvXn-q~7ej4W1bkTQd@h8hBXSdxqeDj`_F|)__n&58a-k-+qIkn&3
zcyb@Rj>k7%j4T+{<n>OI1selKpFg*3{*GTq&q}%ES~9k#sBDSLaM|sL+2{LuUF>jn
z(ZkpoyH7Xkv*y~y(m!Uh-^sm61GT5(D$lMOGW%k={mh>>D=u$6eX;lP$eDfCWzX`=
z$$lLFZdlY#^U9Hq!-AUD+_lb~)WtO^W%#L5v!xGTRaO{JjjP7)X=F#7V@yU&u5YVU
z9$R(HG0gA!&0_Y&w$*LS!p_=goBisyf57PHtzDwteje2A#fIjMhC7DeaXquHkIZXZ
z>n~RyjbbzG;9jVELd&S*7M^qcG~FC6CuHv*>TiExkI4^d&+n|xa{6squ+J~~hXdo=
zZ?LI!m^Mf&p1Aa-&F}p>gv^b!K3ckYXueVFl^DDCDrj4;pYl67jj!9ZC)?>z;p{W7
zZ$x&@d*E}~rcu$V0Ke-4?MoI(TDe4+4}Cr4n@h`XuPlt36ZZM2$G*uYOtXBShcSgc
z+zayFwP}sj^s+s>ceiw&`}4}W_MTe#`aexWJXX9N`qMxspXoiTw;gaF;_^xG*_f;i
zD~9{YcP9S2@7?@!$G^*O)9|B_d)JNKv+>=(zPt0EO*h}J`c`?MMNVdQ%5eL0d7f5j
z!QBf~7cbTNn7z)gk8pV;Z8$5hDE8{-vt-+w%Rw8qZg*H5cxlkpMXZ$E^P8St+O5^J
z$gWQ&Psl2j-I;m#R?|AG-3=!e)j6*0sa=vZzQdH?w^%2QxmYpKdtbw;te=;=UhWu}
zv^MmkVb?Yke`4fbsj+*fa&J`cNKZ~~yR%`K(yHN*O`wmpbl4$rS&L~S?2^0RIotSt
zk5NUdU7FvIeA41w!OR-@*X_;++iZ;5cXicG<x_>4WjVmT%{@EL?EGn)$*=a_|LR=$
zr1B}t&-`}Z+d5<9gsRd%0^b%dw>qBJ_<o4>!LojPJDZIT`0RaA?C{V%-Nr3ScK5lL
zwB5+PTgL8n?By4~W9Z4m66NAw-*l-_uUi-X^*!m+>ax!-Rs0e<^zL*v?0Lh;$1bMZ
zinEq>ED74&=F8LlRe#ug<FIH^K=G#2Kd{bC;9hBZX32?+x$j=vhm08gXQweYR;`#F
zTHkxsK$rGqcg9?^Y)JOJ@ci4BUujlPKfkrgvv|(_G4CGs?)&xehm*1=9ABz6a<9zT
zJ&U}M%O$mEJ{sY${r23X6z?Gur)~OlM)#sq5(g)%rcs5PXL@vRb>gDSvD$e~N8OHf
z=%oGi{OOak*{G+tol@-A6qvIoaF4lLVVAqh60ESxZE+N>*dJD6AIW{@VhtkF3H#s-
zYgjyFXNWL!2BEM4QNgC!h$AGA*aZ@gSzB9(N;Zqc6IMc^iuv0?RI~Xcp0Y9$H7vv)
z;u%{);yJ4z@q%@AfOyGPka)#vNW5mBG=ZpP>q*qHIui9P!V%&P+e+dslQ=;%u#qI*
zvArbTGr6-kLKLKVG0x(KV4PCOtTgHR%{C?>*;kXE7abv<l4$*WU0HZ@QO5itL^p9|
zZQg(gF@15~#0c?#MF0PCKk>DBVJ&a=_w2Vav2(_|_xgu&`~^|yAl>(XK__cMxc&n|
zILvM6Bcm_pj&P1nV7vj!qmXm--PanR=P2hW89ue?$q<f##Gmd<7@yR-=L9!2gVvLC
zCpkx-RsA{lE9dANk_xBi6z6c*`QhW{H0K(FGkpA>(Q)`7wFEhw*W@fWv;ybGb3Dg6
zYjED2`;Bup;CwhoZ$VUZ`owRb=E3s^I11VU?>I;MJq7K7_ZghL%o96+6nTcUwNZvm
z02$}5aLy5&Dd%X9Av-4^3ZSPL9R37nU=$H}u5mjTgg@0WXn$H_DREQab57pioGbKr
z&e2*&c5c97?(|L0xr1B5Ia+kct{I@B0G`{NYmRVNaMai|`w`3#JfQU8hIhE3C%B&A
z$nY*W>JBe}Bt13Ut_8xm0P)W_=Z)}G-ZIZQ*AiSdjYK>zIM)i{StjUzdR~IWpKhd1
z<%X}hVH@xp0BT;EJY?4vSPsxr&+XbF%yf((yy2V=bW5}hwZ>bX7ALBL9dE678Qf3-
zG8<uf-g8cga2#(L8Zi{@3&e9y1V=#}n+YMj#!}AtgIkS?P|anW!-1NxhF8vna~X6t
zxt5croW$9lFb^CxQ6tWEM0giKtzpJFoSg|N+-W)IRNRhgZq7NH>l<K4m9*eo2*O1Y
z^gq?IF-Xb>M{~kuUOOvr_@hHN;ZM%l^28s3O9Mx(K}|`~w05lH6|v`OaSSM^kTDhJ
z$nCly{FLYCBt`#I!QsG5PP)L5xUN76=UjQ>Zs4wQ&W&^3!Igp|N8LHs1L4`+t{LY(
z26qG?N1Jo5Cyl>CfF2J{_Cok5K!%>2>y7Yn&UtYThm3+bd5Wh6=lUT0h!^b5xxV1;
zgCpl#f}<q;080c0QzorJ;!n4%+JL0Uc0BO_gl#$J!?}Ur9Kg{s+@5oOG-~nOvtTn{
zh+fRQT>R8zASUo2Hltiz#B3_W@Qgy}bTqaJ*bMvxYyq|c+koxB4uFo;=%{TiKu2%O
z0S5d4tN>;JGXXlzqr=7Nz!w0m?GpexSsell1%?5%ypJ%&auSI^MBd2?(Mb%Uqq2P9
z7l4l6_5gc<eZYPo2gn8T06NFZ1ZDxVSww~CYCa0VPl20KW>+a*VU?BQ)V%m7Vz@*>
zhjerl`8_~Km5Tv7%FF`ji1S+@5uk%zHOr|IzsT!QEqX|rXhAFmk^nm0jR(dt^;1!s
z_x7n+B#~41(uv&^_WLu@)%FrpPoN7ZI<y_hUOp3Bi(5@t)8}HcWHg)eT+A2G3M}k}
z7-Vik(+rPu>pbcrmkjE%cfcc{0(c1A2Y!dqJxE%PX;-7&j&?!XGHEM40_+BM0W|Up
zAnCneAMi7<7YG5r2a-O-DgF?!AK<SWB$%6()QovpNoBhKGT!GQJ_pDJ4gv=N{H7t~
zL(;nmZTIvVPzcZ~!g1gjK<^djVMkj(#nCQKlHw_jY{`xarG1AE1ZZcbeUA1&+8F;3
zF%{`^h;~!jjV}PS5EenwH}FM(c3;|+iKnffcG=qiZH~79+7M~Sr9F$B*o`o48`M}W
zA<0Q{jGTG^P`I4S!VCl&05w{y4)Q5b4OjqGz!TsxP|3rzKfMBI?}|pow6WDf(xyk7
zVGS@2I_+7s_t2h1dli8S-UiULFM{ZeB>>|GhF9_etfl_V%_N@%EB%9&etAhs>5Q*B
zwh`%P?zD8w-v?MrF&jqa^{P7;^me+J<TF2|pAvh)A;h3nGG()`SD#W_jq+mdKTBO)
zVc@UCKQtE%tYDzs;qvj~t|s1IECL1+FP5aUGo?2oYs9~X9p0ESKXPjMaloa_AHCRG
z7-UdJ0ZRBJ7=ENT{1UD6AxMe6%y1dN@LRRl2fth6r(V38WnSB{V&nGjGd*-^I?|7X
zhARQCU9+@FWyKwI4*MywT^cS8OuzbNg>SR07M6$#KxL80aQnd1dPbyT%z`~$EOejL
zr4tN-l`1me7aat{Pv~CM+`4D>di_uG;?<N))-}LK)HM)`+9$1YHC%qkALe(_XNuJc
zeVh`z?>;tmzcfx##Ln%Px&+-Q*SGcM%gv*rw#qFX^o@*iUm*r>c$v$q#!WnNM>f|%
zQV9lc$eGp^tZ9xkK(dha&q1@_WpO#kupc{5+Im(&S`mxLl?J*R?oiltpSR<;;~N}w
zZun6j*0Z&_u<OD!c~VE_o+ou@iMi6I_>=+fqEGLV@$b`bz%O3p%-WWj?S1B`V;m%5
zojuSEO20l&^&MpR^<I<&C_7L~3WhrvhKmNG1g`igv8x+yX&9~|P)wjQkX~F3_bCjQ
z26#*QvCIw9CK*T`fa;W^OnfM08m=1fdSW2`Yt9(v$QtttX=oH1t|^ETe{x?DDDb-;
znT87u$W33&hua~BD-aoo3e*oI!-W#VtqD=mqDDVH?xGY26trpnx)$vQYzRY|4)7W+
zVz`WAxN)H?2wq^q^Xn*vI~Teb6}fG=u%f$_k%4O&x+rP{!Ejf_a3KRRx+-BXJ=4!b
z!<CJ{V*b%N-K4pKS5fNW3z6H3K6$bBzAlZw5^JX63QUvlGxRq-5Y+)o1N=7JZZTZp
zppNuY(u<?vK8)eg2h#8<Xt)_;xc-3{YHrLG!`&If1rePKx@kLJ6C0ftFR-q8QiXmH
z=kTGM7j{6}Od@90vd<1mv)wA|^w({!4CwjO<3(j1{wnrm9dkG&9Vfo8V_zPUI=dNe
z+H6|BrqaY?Ojn(yu2RnRY|kNSKXJ%g_70XohD$a(3qF4`<KwlPbZ!Mv^$pi>f{q<=
zyWXgNwk}4uI3>Sj{qm*lOnz>FKTM*O+OviEQghtUVcGf80E^yN^_%*<Vkt|?ku}Y$
z$(O1mo&2y9&=RV;kl(4)wbQ|F&}pD2^jI|SySCCbe~&*<tk350mAse&Y4?Zb;gi*=
zW7Xq*HF0dyM%gHqd0%QR31)k}Wi4_y$$FVF$u^mTB!GFw%RE$n8T%@bLV@i7b0s})
zdU&cjZE~Ei?tjIU=(GvbG;z_ofMSX|hNYa7y15xMNdCVqE@a4BX6WZX;`9MzPqUx$
zAD@t{j=@Tsq)r<fJyETQPoFS;Y+9NkMl)5B79Sm}nKCgtHBGG`Zmed!CY1u|8ij6g
zRwPHKCrnmjXkzy2Z;XVe#ZQV&NRIQ>OjIYQPn)P#CZ>(Gqzt3SCdH*{CMCzRSuQd!
zUtJ*|IEAj1RCxH0yuy!p-j=o)_)oc0gZ)*O!q^$AU|M=A+)++U)ud~5{*2YcswZj^
zlGCHpng1MFdkbSCdXCJ&(uhF8d(TQ+*y~pX6r~TK0aYx;Ugr7HKQsrg#NQf85lAZ!
zc|=KcP01Em$h=#BP!&n)X;U<*v1vR5oy`Z5rTEKQ+8GuaGST0UV>U^$RxSS4Nr?U%
z!z*ITR}dKR5Zh}fYpHYMuP)~f{6(Nubqh4Bv6Fc^eHbXPGa5E*{XAJqHlPf9nLo=&
zm3gzm5~<8rH@aZ?VWc55$__0N6P>0G>YzwWo0ObDjjljnv6NF%H>DAwMp|Q4p<BEt
zd3r+fG(|%4xbbYv8EG@u4=UcXkj7Zmxn@ht9U@4e0|S&HEV^Fm;b?FIQ6C&ab452u
zTX_7-^n=k~b5Rk%GE-$OSoM3UNnXF5vZ6-jZLaFi5yG#sRyi`S7Q$9>^@2Tq-Otx+
zTo%54Sf3lS?r`h#ozrdRaYN@~mY5^^!@M`Y>p7-amypHg%G}JiaI&zNEy$HU_#eT(
B3*!I)

delta 5773
zcmeI0X>=4-7RO&#bwXE%&YqA3vH>Q*&~{i-0VH8dfWRQ?84Zg|104uLqK3hsFbU`=
zBAe8Z$1<!F6%++zphXOesH|ZLkOY_j5hWz-0und^^S|9U9%qgp=F7~dspOvf?(g1L
z^|rq6RUP>(<oea%`S$jS1KyZA|IF&rD;q=N5)MwOc&lXEz<q=FY+rxyqpU%_-kNr9
zi&@aspuCqIqkL7nv9K`AXbejVntV}+Rzeg%Q7=Rg^an<Acx=!p&`?+bmxKs_9%DGe
zTeKTo=Z$eqm{O4I6r$|15H@&Ap(CM3=jXqe>k`5+R)xn#r6ZcWcCMvd6Cx0Ht2$#=
zi=3h}H-zwqnKLH$6>6EQ&@~$O6uCEr2mv1nP1T1&H-}z;R{B9_!nQ*9gw~+*^IVg1
zC%VMM+=;oPJLcrMM(4T;#utbkx4rd0V_gbO&x?%m)C(yty&yz5z*1<sQU5!eW<*R5
zTVTJqY0;y_>$GRl?o@D#;Y`uBg|L!g1sTo^UHcYR7g#<<ZD(D(2dfh-VK{42Ef~5K
z7`{gBP+hwQYZNTisCDStC=7BxSboN;WL?_<>nT{xj8$p67Th32Pgpj(rO)HA1{*b<
zduU5ha)6r+XR@vwXfUGArfD&lmrOvFs`|VHtCvwTq=&WvB?|U6oKNc7Iat(6#c+<)
zwNT7bmgh#b-E`A)#^Q77+J3OUV9h<fvRx5kI4qOlOi#7IpvuCC@28uV8jEYwwHmM<
zU{)i(t8R)gBEL)5vaSm8J21tlP0=lrVfBF}oy`@8F?6<O2FNm&rS{N*G5-U+H|(lw
z!(mZtgi$+0*Ggegf6$I6b*15&F}yxaOSmpX2B5b&FnW0njQ@wQXv9rM?dntujP70+
zMl}TMirS6w*LAHwtY3V}@*76fr8KP(kZPMfv)BGducgueYa?M%1+%d#RaZ)WG@>r2
zX{P}lo_jjy>zW@{9#!|D3YMv`hQRXn_=v-z?FXSTz_9m7wcPTy8_&W57z`^7E-VK$
zZWgS^V4<n-eG7}8jDdtDuv}>wVTED!rNE-K2wyi{$-8Zwx|-&55U_`5+ME64ofi|$
zmDUFqtt1Q%7H1Lr{HUt-1+0PaVOBGBrTHCW`1Lep=$%bVuCER&3c%0rabF>tK|c*m
z7ikmpGi;N#!gfL{(4*NuhW(_8=dewh>W^hTj&&~kf2D^b48MOkROkuNKF}|7;D4g&
zL9cK;X|fAQ%lk2=7DeQFo!zAAF@It`ojGZ0{~K(RrrW#;jVvMNusxUkzojXD9>*`@
zIOsfJAqY^wVs`wNCjS!llct6)W1BSjm$UtAO?(A7bzqhIsKr$9|4GGAi2vfG7Sa9x
zcazGKFT{g@2Q=Hl-4JIweMz>mDT7SwWv)$mMvk*7Hd#(!qm1+ii0}uP<`1w*?jx|5
zK*s=p&2mZrKw$tt4FR`o7YL9P2rwrQV5>YypqfC>Ab@T1ogjdjK>$|>l*w+v0I9(M
z%Yp%R$a(@73H&|;V3%AR0<b6q;68!fa$qRHfKY%>LIJ*!cL_8Scs2}Rk6arDuqF(^
z77nma4hsj!4hJYBa6m4O0kE_HxE}*hE(gW}d`{q#Sb)RwE`f0o0MEt&9F=S103sp*
zZ1Dic<gj>vy#&e#oRC@qKw%WX!~}pUxs^atG(fA?04HT`Yk+D3<pfU4$Tk2oTLMgL
z15hLP5lC$X(6KGRSvjRGz(oQz1ZriwM*tSZ0L*y=;JiFZU_h+mFVhm0EYlD2okW1f
zSVUY&L`0qJmISaS4q#c5GDxXc+zm;}>QrN;BS{vIR^ogvV_R$PzTr@+OmagX#q2J2
zDJ65QmhUJX2+>$4-)>ZT(t>^P(0dVH123&4Z_vNmy*S6L<rvCCZ6Fl?5i>K&i4eLz
zW=44%+m+{92Znz^x5BO@JU^IEIgoamObA`;nORV#o6@y`8D-w4#I}(c?Ltkv$7js^
zz@FkpZ(@eSqiD%D{JVnZQ|ocE6m1x8=0Jb24$QVNqb>11bsLu(jEaGf2h6@;76hhn
z-7>Bl3}$AwommL=-<RPIhM@@bZhk`S1jD}wgN%UC^%cj3qdd|>gxJlj1?=aUea$Qa
z_BdwWFvIy=Y^O%k_<zeV3gyMzlReC$!E{e*5n?a1mSDZXXkPa*!*N{n<GB6IV!$#v
z?f@8#ax8>Kmab~BBB~Py*#e=tImwmdQ7+_>ImIjiYzaLT*J)<0QJ&81A7J?REXqP=
zXE?4c_-Y7^?pcm|g!*3sKvyjX((08SA_V<bsDVik8%Bmk<2+YxhjK8F)(;%l9&8E9
zbX{Q90p+oD6I^v%7bj#f&ciVN^&Hp{up9Tdftej_8G4cceTmtlC@<&UU1o;ks93@5
z3bSOenP4<RSDE3UDn5m@g<K;>^WPcrG7P$|b6^*gDUf=8gIQOUSEEe5{E=A-%16)>
z>g7!^{0kj&oO^s5fCh<v|0kF=a@}rVMFoH~9CsPw%qv!MPwsJLykrO+WqR0sj>Ab=
zT<04;0K>m0q1<LhPbG%)wK&O40i$9%<dl~c36)_lz#2emshL@ClxKJYg%7hnU^^jn
z`7-N^@-7H9z8SNADDP%wVU_{gO0B}Bc^Jl@GF}5e#L9vF!F~XvmimEFodFOV3Um`%
zjQFR+y9fj$Um(}bLOF<85VJvGp<onGi<TajbP<5E<D^@PyymCI%bksiSvnpn*>e6v
zWwt46VWisEv{ELkYV^Qah<q0^8$t&tIw{i;noiD>A+JITAyXi9Sf2>VgHTQ$51}`S
zp^zsQ?ovZGf3JorDRh=y3i&I94#@K%??DX6Umy!1B@hXrgLXD#n6G?VRVz(vWjnL_
zy6KPZRc5r&M#pA)r*J|>$sk|#b;a)Mp5?11n1U!Z(R&8Hi?|@8<*sI`p`20OPg>Lp
zlWB$QXjP+a@d!(Yo8By*mcy)SqI}b;PLQ{(>gRHUpW4N`@)iaRS5kocs-Kz=>7oIo
zpY$<E1>^|i5TqPI<<OM$D63OKq~u9Sl~O<LcV9wiYoNV~_AuJpx?x&q-%Eui|5nH*
zIlZkKTSPk$wktuq)8`P{eel93Xvf(Gp~OxJpB_h>0c{eyAUh$45l1<me3Y+A)248c
z?e!?r#zD=Z#6a;B<Eaaca*;UdEqEN1+FWQOrANxwl*s)cRgg-^amWcSpMyRNp*-xw
zjccGAp($5W4yW9n1Dnz>rP1#plwwJ!5g$S76>PFc5R@H2iykfC=1xddlVdG#dM@{f
zOm*5DT`kH4=OkCbBq2&Kct7V1bN9b{Am!)R6w`AKyTgtQ@&!D&U9ow_>1%sj{v#A=
z+pk7OBOuw1KlBCx*rJM!b&(nKd;7FeWN!qR6gk2Z=Np122Ecy@aoE(0A8XMzqtmhC
zzbSGa0*dHHo$RT0hiLjR)_3Lk#xp%n{#p5@b*<{WpUzILTU`3_g5o$&>$;+fX!<-B
z-FuGlVr_L7PqQ3$<n5*pXs=aGt$%b*Ya2YB&?D4o`Vbc%FfF@d>lbEifU67o0@uX+
zys`QD1+K0?{p8-2n?Suxwd-=x0rhHh(^tK1e{fWEc-8-F&!dv<$nulrs)Op-p~gk;
zw>HbG=a;`V*4!u5^judvo{6mno<MZ{`0?1`!`Esycxdq8*$NMR{42Sd^U~MfncogI
ztp~y3thnN$%q~|unVyjEmSZ?SknfkPV@(0lb_muOnRp16A?F=ZJ4ZKtK@99WbKSw+
zt3y34bI{zB$r_4N<cbP4T#h)bwvyv3)Gl7I8Sfr&N4oQlsWB$y%ndpBxVofe)2G48
zA(<aunpaCh$^(~qQ}#Qd<|spN%5^8yh?Y$s8Q(8ie%UAPh2EY>Pq%V!%5x{w!Aj|E
zX|GfxQkp&^ep2@Qm1!9(-uJXHg$AJMLu1NUJ6fJ@c5jBq<C)qWx8>AIwY`se2gzUF
z$WTM%_Da>N^uHtbSE`--BEIx4?(8yE4yrOox#O!;-PC>h4ev73k8bN;6Wx8Q0UHO~
z;@p1oX3lP>F8_D`%rft7ns0V5s8;*d$+J7mBjm$fW*_$}JI#G8GBz5;4u{Q0npp>I
z_MSIh*erdj%n1o=m1VOwIQkyGmmfLz=em1aMy=eQc(~`Jz%?9~x<zJHnGadV@%Q86
XEmW_y%&0a;TlX?Nw?&SxHedKBv(RFB

diff --git a/projects/backend/package.json b/projects/backend/package.json
index 11414b1..dfbcb6e 100644
--- a/projects/backend/package.json
+++ b/projects/backend/package.json
@@ -14,12 +14,14 @@
     "@ssr/common": "workspace:common",
     "@tqman/nice-logger": "^1.0.1",
     "@typegoose/typegoose": "^12.8.0",
+    "@vercel/og": "^0.6.3",
     "elysia": "latest",
     "elysia-autoroutes": "^0.5.0",
     "elysia-decorators": "^1.0.2",
     "elysia-helmet": "^2.0.0",
     "elysia-rate-limit": "^4.1.0",
-    "mongoose": "^8.7.0"
+    "mongoose": "^8.7.0",
+    "react": "^18.3.1"
   },
   "devDependencies": {
     "bun-types": "latest"
diff --git a/projects/website/src/app/(pages)/api/og/player/route.tsx b/projects/backend/src/common/open-graph.tsx
similarity index 73%
rename from projects/website/src/app/(pages)/api/og/player/route.tsx
rename to projects/backend/src/common/open-graph.tsx
index 094dd31..8dc59ec 100644
--- a/projects/website/src/app/(pages)/api/og/player/route.tsx
+++ b/projects/backend/src/common/open-graph.tsx
@@ -1,19 +1,10 @@
-import { ImageResponse } from "next/og";
-import { scoresaberService } from "@ssr/common/service/impl/scoresaber";
-import { NextRequest } from "next/server";
-import { formatNumberWithCommas, formatPp } from "@/common/number-utils";
-import { config } from "../../../../../../config";
-
-export async function GET(request: NextRequest) {
-  const playerId = request.nextUrl.searchParams.get("id");
-  if (!playerId) {
-    return new Response(null, { status: 400 });
-  }
-  const player = await scoresaberService.lookupPlayer(playerId);
-  if (!player) {
-    return new Response(null, { status: 404 });
-  }
+import { ImageResponse } from "@vercel/og";
+import { formatNumberWithCommas, formatPp } from "website/src/common/number-utils";
+import { config } from "website/config";
+import React from "react";
+import ScoreSaberPlayerToken from "@ssr/common/types/token/scoresaber/score-saber-player-token";
 
+export function generatePlayerOgImage(player: ScoreSaberPlayerToken) {
   return new ImageResponse(
     (
       <div tw="w-full h-full flex flex-col text-white bg-black text-3xl p-3 justify-center items-center">
@@ -42,7 +33,12 @@ export async function GET(request: NextRequest) {
               <p tw="m-0">#{formatNumberWithCommas(player.rank)}</p>
             </div>
             <div tw="flex items-center px-2 justify-center items-center">
-              <img src={`${config.siteUrl}/assets/flags/${player.country}.png`} height={20} alt="Player's Country" />
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
+                src={`${config.siteUrl}/assets/flags/${player.country.toLowerCase()}.png`}
+                height={20}
+                alt="Player's Country"
+              />
               <p tw="pl-1 m-0">#{formatNumberWithCommas(player.countryRank)}</p>
             </div>
           </div>
diff --git a/projects/backend/src/controller/player.controller.ts b/projects/backend/src/controller/player.controller.ts
index 9e09b0b..4bfe294 100644
--- a/projects/backend/src/controller/player.controller.ts
+++ b/projects/backend/src/controller/player.controller.ts
@@ -51,4 +51,14 @@ export default class PlayerController {
       };
     }
   }
+
+  @Get("/og/:id", {
+    config: {},
+    params: t.Object({
+      id: t.String({ required: true }),
+    }),
+  })
+  public async getOpenGraphImage({ params: { id } }: { params: { id: string } }) {
+    return await PlayerService.generateOpenGraphImage(id);
+  }
 }
diff --git a/projects/backend/src/service/player.service.ts b/projects/backend/src/service/player.service.tsx
similarity index 93%
rename from projects/backend/src/service/player.service.ts
rename to projects/backend/src/service/player.service.tsx
index 35537a0..26e2b52 100644
--- a/projects/backend/src/service/player.service.ts
+++ b/projects/backend/src/service/player.service.tsx
@@ -5,6 +5,7 @@ import { scoresaberService } from "@ssr/common/service/impl/scoresaber";
 import ScoreSaberPlayerToken from "@ssr/common/types/token/scoresaber/score-saber-player-token";
 import { InternalServerError } from "../error/internal-server-error";
 import ScoreSaberPlayerScoreToken from "@ssr/common/types/token/scoresaber/score-saber-player-score-token";
+import { generatePlayerOgImage } from "../common/open-graph";
 
 export class PlayerService {
   /**
@@ -155,4 +156,17 @@ export class PlayerService {
       `Updated scores set statistic for "${playerName}"(${playerId}), scores today: ${scores.rankedScores} ranked, ${scores.unrankedScores} unranked`
     );
   }
+
+  /**
+   * Generates the OpenGraph image for the player
+   *
+   * @param id the player's id
+   */
+  public static async generateOpenGraphImage(id: string) {
+    const player = await scoresaberService.lookupPlayer(id);
+    if (player == undefined) {
+      return undefined;
+    }
+    return generatePlayerOgImage(player);
+  }
 }
diff --git a/projects/backend/tsconfig.json b/projects/backend/tsconfig.json
index 0002c94..39cee78 100644
--- a/projects/backend/tsconfig.json
+++ b/projects/backend/tsconfig.json
@@ -10,5 +10,6 @@
     "skipLibCheck": true,
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
+    "jsx": "react"
   }
 }
diff --git a/projects/website/src/app/(pages)/player/[...slug]/page.tsx b/projects/website/src/app/(pages)/player/[...slug]/page.tsx
index 155635c..2d5c015 100644
--- a/projects/website/src/app/(pages)/player/[...slug]/page.tsx
+++ b/projects/website/src/app/(pages)/player/[...slug]/page.tsx
@@ -95,15 +95,9 @@ export async function generateMetadata(props: Props): Promise<Metadata> {
     title: `${player.name}`,
     openGraph: {
       title: `ScoreSaber Reloaded - ${player.name}`,
-      // description: `
-      // PP: ${formatPp(player.pp)}pp
-      // Rank: #${formatNumberWithCommas(player.rank)} (#${formatNumberWithCommas(player.countryRank)} ${player.country})
-      // Joined ScoreSaber: ${format(player.joinedDate, { date: "medium", time: "short" })}
-      //
-      // View the scores for ${player.name}!`,
       images: [
         {
-          url: `${config.siteUrl}/api/og/player/?id=${player.id}`,
+          url: `${config.siteApi}/player/og/${player.id}`,
         },
       ],
     },