upgrade everything and migrate to remix Vite

.cache/content-v2/sha512/05/63/be0607bec6e0372841cd83fb2b6cc71e89803e7f9d906541e74b122c6d7853b8f9ab7b694b2356f5b1db69d84d9cd5ae012a62ef7551bbc6b924593a2a1e

@@ -0,0 +1 @@
+{"hash":"8b46bd2f9b30011f045c7373cf44b5eecb3eba03e81b0b017bcdca44e7a8f43a","exports":["ErrorBoundary","default","loader","meta"]}

.cache/content-v2/sha512/0a/b6/cb33c3ecd48761332e524e6783a10656ba01fd1cdb3ad6c09ce6816e7a6e2040c7dc26f5f3a07dbaa4898aca29168d4a1c52cc561cab46457864082dcf97

@@ -0,0 +1 @@
+{"hash":"a216bd7b51e14e62184bb81cda994cb4e668613c9c95c39d8179d790902ebc7d","exports":["action","default","loader","meta"]}

.cache/content-v2/sha512/0d/19/d883aad56b8bd661ffb21fe699776bd766d62f58aa2f2984c21161395dc1f747fd39bd4a14947726376b5ce51a92e0ecf222b28a9f2958e842bc0ca9a29c

@@ -0,0 +1 @@
+{"hash":"1381b7a36d5f5ab7bd2045254b37de0de75365b79a72175f8ad1b847f90f2d09","exports":["default","links","loader","meta","shouldRevalidate"]}

.cache/content-v2/sha512/1e/3b/da517c9a873c4bacae91eed08283e8a002d58508938c494c805414b424f03969f37e55b3c27134d63c42b9ac9d1fc859574e4877a2835645da7cf592b2ff

@@ -0,0 +1 @@
+{"hash":"a41dd9c109c75f8198139b3536237c1861197883ec1d49076d10279c8870cc79","exports":["action","loader"]}

.cache/content-v2/sha512/21/44/c93a4453d125c7af36e37a87cd1643ce07782879ddb0b3efd274bbdab2fb841bdcafd0156bbd0a6add51f2346f29a8292f4f550b96971ea621044e2c5d83

@@ -0,0 +1 @@
+{"hash":"3b554af74f6c8d29008ccce105af1ca9c6fd7b47fe992d2855589c3e4680e138","exports":["action","default","loader","meta"]}

.cache/content-v2/sha512/32/db/fb216d06ca8dd313a6bf440e5dc90d2dfddb42d695e4b559e1c824302bfcc1ebd23ab90c9fcf933ce04c894ef08824b2d449f823129cf261f34cbfa57eb4

@@ -0,0 +1 @@
+{"hash":"0d749fb2215057f4473b06cd397673c2dc69347a7d61b00a575ab469ddd20059","exports":["action","default","loader"]}

.cache/content-v2/sha512/33/bb/b543138674cde87ad95ec3a642e02cdde52dbe3f19266ffcbd0682aec58a23f8ffb7c6692f9c000d2003b2fc083ed45af0a58883e41f607a27ef9fb4b83a

@@ -0,0 +1 @@
+{"hash":"a95f4f170e98a1a7bda71decc53ca1ad29a89fc553588a4fab8786b2f6a00e75","exports":["action"]}

.cache/content-v2/sha512/39/4b/9e056d6153d827d3135fc5a5652aaf4204d86ff58c95e7a8d4aa38ce918d9707faff7fdd945bdaec045da80e8d294f304cc80173bc80e60fb47e25e88a36

@@ -0,0 +1 @@
+{"hash":"a9cb89d1ba9b08e84e3294041bb960c25d74e92b4d2b6f28c350b3b1481ba81d","exports":["ErrorBoundary","default","loader","meta"]}

.cache/content-v2/sha512/3d/ab/8774d78db4823a38183a440580b8ed51efca1b40b91ea347293140523ea38389942b3509e7a387fd0c9d29e519f3f6d93d79d5ac195539b286d0d0960065

@@ -0,0 +1 @@
+{"hash":"710fd027c8d06114a361ae87a412b5ac0b4a5bc4dcb60d6cca82e55728eee675","exports":["TierCard","action","default","loader"]}

.cache/content-v2/sha512/41/78/9238bfbf98a51c79a4cbce93a4d19b4df4c648c4a397442c8d1036e8e50113bfb76dc42b145d877a0ecd1c61e7e88d9868f173057e252bde6b141dc26efb

@@ -0,0 +1 @@
+{"hash":"42ad5af890ba520eb50b18d1ec8ba8a02f7f18cb02e1bb3b2c8d51607cbf801b","exports":["action"]}

.cache/content-v2/sha512/43/dd/8cd22ce571a8a80e806a328ae9a30c580e822e9ebcdc0f60c86d9864ebe3bbe8638fd8958b1faed7d855be8251275a739ffb5220233e9c8a0edf6a5737d3

@@ -0,0 +1 @@
+{"hash":"3d2c8da4c436e33c19a1906f8294a79a8591c1a17996051218f72db9a93315f7","exports":["loader"]}

.cache/content-v2/sha512/4c/25/531600d254ee115ec032b90c38443229633d46b3d2d9ec16432116d76699652c3fc21926f4b8064caf01b710642512eacaf621aa18ae55f8da7bec28ec62

@@ -0,0 +1 @@
+{"hash":"a776850641834d705599d3c46177311d8330b379b032f0ea7220621b91b1d70a","exports":["ErrorBoundary","default","loader"]}

.cache/content-v2/sha512/4e/45/fa0e7de637e4332b607c3c9d335e0d9b2bc69a28554fb0bc7e82907a1bf5d90a42f08efb1918bec44bfb5534264f203bd5c632429fb6088e4a31d86df585

@@ -0,0 +1 @@
+{"hash":"bc6d0cafcbf4fc0f6051770f06687677b5bac9ab9c090dbcc74d3f223d26db7c","exports":["default","loader"]}

.cache/content-v2/sha512/5c/85/bd070c6491d3807483cb0a0af53a4c211f9b810da80b9cc9e32a27a5aa84b39025cff70b685e0429893395cbeec51ff0dfce1cca070e9cd3f4ddbb512492

@@ -0,0 +1 @@
+{"hash":"41acfecb91dcbb2f896555012fce296d46a3ea2dc1b5236fa86a41f0789883a6","exports":["default","loader"]}

.cache/content-v2/sha512/6e/49/fc168333e376d2175fa852ac22f8e4934a97128734bb16c22652cbaff3ccc230535d9d0f46799d061477576128e2d9a97a5b40f02aae7c605e67f4021ce6

@@ -0,0 +1 @@
+{"hash":"cfb1a74543a04668f8d53544b1c6bb8d2e20c06205311adb6ffb2ea1386efa89","exports":["loader"]}

.cache/content-v2/sha512/80/5b/302f36c69895c38b45a6069afda995fe805da171c26074563034c367b6540cd51023a63b26e5c056bf12bcd8051e256d394adb71d8af014bce55e6ef7aef

@@ -0,0 +1 @@
+{"hash":"7885e8313df4a17f94fa66dc3b1a65c95b429a88dad3e501bbf053fcf131a250","exports":["loader"]}

.cache/content-v2/sha512/86/ae/f186980aaea9c3888cae3fb6d6f6bd528242efa0167847906a133a0c37c5cb7e51fff53867b9fdcf01d0bbb398c5ed98305627f85386d62abf2e7c9b4785

@@ -0,0 +1 @@
+{"hash":"764a06f4827c2aecda02b2642d1f8206898d357961950dd0c54fef5b961189d8","exports":["default","loader"]}

.cache/content-v2/sha512/8a/bb/cae7094f8940dcd0860068486b2a99c293db6002c151ce71120d0b62f01dfdf24b245ba32eaee77abf44f0014f6acd12b370f2d8ac9c27dbeb06ee422b57

@@ -0,0 +1 @@
+{"hash":"6a21a82dfa5fa6b159b9cb1e39648abb9afbfed5ab09a74181f46002c4d78dc6","exports":["action","default"]}

.cache/content-v2/sha512/91/48/73a8cd03d6674b2f26ac411c7eb281a5bb892cb7928fe056159e8888701bafbf8f012725a1016fb0cfe095b781488dd99a5863a2a7d071711affd7884392

@@ -0,0 +1 @@
+{"hash":"0e6ab70f31cf26335976124a4afc79dc2fbe9cb53ec522054e96c8ab6d50951f","exports":["default","loader","meta","shouldRevalidate"]}

.cache/content-v2/sha512/ae/39/5e0331b6ea7d224e8bd9506adda8477446070b741d7c934277f93e66f40ddd5ad44614e69419917951e78b292c2a685e95cc8ee9401ae7f915a8e1d4b506

@@ -0,0 +1 @@
+{"hash":"ca63e623cd3ef8153e9af00e069b3f9f66716d3f5e1dd7245392175c14af8cfc","exports":["default","loader"]}

.cache/content-v2/sha512/b0/04/4d0c91cd7b5bcd708f9c6fc14801d2869fc937a9b8ca688e4271cacc72760da5df5ad220c056cef4949c11b88e777ecbbdc67b41422e899cd98f1874a7d3

@@ -0,0 +1 @@
+{"hash":"f8f53863e7afb96121d2891eb2e60cd6513f8f80e28fe0f047d95935d4ce7493","exports":["loader"]}

.cache/content-v2/sha512/c3/b8/ff9579e6f6c8952f2a4e34e052f6713da763d1e487a713b94ccca1c750063042d7ec7d62a019a355140614b5ac6824dcaa56c3bddceae0b02cc8d4acefad

@@ -0,0 +1 @@
+{"hash":"aacd408589702b40aee4b4ae7bd4235107a7e88261f766bdc83892ae85c3b5f7","exports":["action","loader"]}

.cache/content-v2/sha512/d3/aa/937e30493b26ce7bd6b6a4f6d6675e97919bff53c70e15ce1e852bdc0d925dd1ab7dbce8153e6bb70c3aa3f05b91467ed206cc94984721a71cc269da31fa

@@ -0,0 +1 @@
+{"hash":"70658ae3002e01bba4d6efaae9e3988346710d9956b1d43c7d355846f081a49e","exports":["action","loader"]}

.cache/index-v5/03/2b/1e8503df0e24d507c516227c957203430ca4b8661a0a53a088613b6d1c87

@@ -0,0 +1,2 @@
+
+1863ff7534a8d1ab30dbe5409346fc04144d1e7e	{"key":"routes/_blog._index.exports","integrity":"sha512-hq7xhpgKrqnDiIyuP7bW9r1SgkLvoBZ4R5BqEzoMN8XLflH/9Thnuf3PAdC7s5jF7ZgwVif4U4bWKr8ufJtHhQ==","time":1708607168321,"size":106}

.cache/index-v5/0e/52/571c21435cd49d4415e71924200b24af7ea24867c2bd22ef18d5a7cedff0

@@ -0,0 +1,2 @@
+
+e7887d789dcb4ab4fbab5b9fc6eec7b3baab57f4	{"key":"routes/_blog.tags.exports","integrity":"sha512-XIW9BwxkkdOAdIPLCgr1OkwhH5uBDagLnMnjKielqoSzkCXP9wtoXgQpiTOVy+7FH/DfzhzKBw6c0/Tdu1Ekkg==","time":1708607168322,"size":106}

.cache/index-v5/33/58/da60a5ee52ec5ca25e9ee5f7da745e00011f2d3c330dfabda07209dd95f9

@@ -0,0 +1,2 @@
+
+2bca66df803f11e5c244a453458d8fcb6d0bdb85	{"key":"routes/_blog.logout.exports","integrity":"sha512-HjvaUXyahzxLrK6R7tCCg+igAtWFCJOMSUyAVBS0JPA5afN+VbPCcTTWPEK5rJ0fyFlXTkh3ooNWRdp89ZKy/w==","time":1708607168323,"size":105}

.cache/index-v5/38/91/695c140eb65fc06158510d0b49758b0557e54276b5966633ec21c3a019fc

@@ -0,0 +1,2 @@
+
+c52f6b1423f2d6d94a01d3102f1aa0b4136dbe20	{"key":"routes/action.set-theme.exports","integrity":"sha512-w7j/lXnm9siVLypONOBS9nE9p2PR5IenE7lMzKHHUAYwQtfsfWKgGaNVFAYUtaxoJNyqVsO93OrgsCzI1KzvrQ==","time":1708607168322,"size":105}

.cache/index-v5/52/3b/7b5745bade84fbc496b934ebbd1ce65b3f020dda97f799117c05d6e1c01e

@@ -0,0 +1,2 @@
+
+9d41cb6f43f433e94b160026bcfd43d63c567efd	{"key":"routes/_blog.exports","integrity":"sha512-kUhzqM0D1mdLLyasQRx+soGlu4kst5KP4FYVnoiIcBuvv48BJyWhAW+wz+CVt4FIjdmaWGOip9BxcRr/14hDkg==","time":1708607168323,"size":132}

.cache/index-v5/54/04/2b2d71d2162a05398877e738412641aea63f5e6a5305c26dd37e3be64088

@@ -0,0 +1,2 @@
+
+b81d8dc9ca7de5492004ca4fc35bdba6f62d34c9	{"key":"routes/_blog.author.$slug.exports","integrity":"sha512-TCVTFgDSVO4RXsAyuQw4RDIpYz1Gs9LZ7BZDIRbXZpllLD/CGSb0uAZMrwG3EGQlEurK9iGqGK5V+Np77CjsYg==","time":1708607168316,"size":122}

.cache/index-v5/54/ae/6ef464552d1062db9ca049b7b06515328498e48e22375a386947618c4c2d

@@ -0,0 +1,2 @@
+
+796452082aff72e479e2127c2ceb8f759880a243	{"key":"routes/healthcheck.exports","integrity":"sha512-gFswLzbGmJXDi0WmBpr9qZX+gF2hccJgdFYwNMNntlQM1RAjpjsm5cBWvxK82AUeJW05Sttx2K8BS85V5u967w==","time":1708607168323,"size":96}

.cache/index-v5/5d/c4/2c45526aad4a0fe874b60a9510df5d06b57ff2a6db02fdf7f635845b2a0e

@@ -0,0 +1,2 @@
+
+141564dade65611b72b061a24a1484c45b730890	{"key":"routes/_blog.checkout.exports","integrity":"sha512-rjleAzG26n0iTovZUGrdqEd0RgcLdB18k0J3+T5m9A3dWtRGFOaUGZF5UeeLKSwqaF6VzI7pQBrn+RWo4dS1Bg==","time":1708607168322,"size":106}

.cache/index-v5/92/6e/2570adb52c6b3d33c5c212da780d30032417d74c86d674cd1a3b32605561

@@ -0,0 +1,2 @@
+
+a19b19e23be15501a9304fbfdd9459e7d724bfe2	{"key":"routes/robots[.]txt.exports","integrity":"sha512-sARNDJHNe1vNcI+cb8FIAdKGn8k3qbjKaI5CccrMcnYNpd9a0iDAVs70lJwRuI53fsu9xntBQi6JnNmPGHSn0w==","time":1708607168322,"size":96}

.cache/index-v5/99/12/a9284eb9a253e865fe242bc7a10a889dc02830d3c90b4b5e9c47706d9e56

@@ -0,0 +1,2 @@
+
+1e5e79f740cf17737783e4c90dd4917895683467	{"key":"routes/_blog.account.exports","integrity":"sha512-PauHdNeNtII6OBg6RAWAuO1R78obQLkeo0cpMUBSPqODiZQrNQnno4f9DJ0p5Rnz9tk9edWsGVU5sobQ0JYAZQ==","time":1708607168342,"size":126}

.cache/index-v5/9e/1a/3f5fcde8b725096a6f8f0df5a34870c04994795a349bc27a97e81441feba

@@ -0,0 +1,2 @@
+
+3b296164cef7f6cbab714ba2414f3219f24054ae	{"key":"routes/_blog.$slug.exports","integrity":"sha512-OUueBW1hU9gn0xNfxaVlKq9CBNhv9YyV56jUqjjOkY2XB/r/f92UW9rsBF2oDo0pTzBMyAFzvIDmD7R+JeiKNg==","time":1708607168343,"size":129}

.cache/index-v5/a0/98/0060b9bca253bd02af58e5666fd70f9880ff9086c519899ec56c7254eea6

@@ -0,0 +1,2 @@
+
+8d9bf615d69c14a8e58554e0ab2b582f11a2f62b	{"key":"routes/_blog.welcome.exports","integrity":"sha512-Mtv7IW0Gyo3TE6a/RA5dyQ0t/dtC1pXktVnhyCQwK/zB69I6uQyfz5M84EyJTvCIJLLUSfgjEpzyYfNMv6V+tA==","time":1708607168322,"size":115}

.cache/index-v5/a2/43/dc24a217ce1e215989feef73264ac2bc915dd3f0d718b06e8e9056afa554

@@ -0,0 +1,2 @@
+
+69716af530be448ac082d259422ef4ab098f23ca	{"key":"routes/_blog.authors.exports","integrity":"sha512-TkX6Dn3mN+QzK2B8PJ0zXg2bK8aaKFVPsLx+gpB6G/XZCkLwjvsZGL7ES/tVNCZPIDvVxjJCn7YIjkox2G31hQ==","time":1708607168320,"size":106}

.cache/index-v5/ad/c2/3982b271960639e3024e6168ef1aa8aafbf1b0d985da017003baebcac87a

@@ -0,0 +1,2 @@
+
+098cec0ffd14c675a93bcab801e487348854836e	{"key":"routes/_blog.magic-link.exports","integrity":"sha512-bkn8FoMz43bSF1+oUqwi+OSTSpcShzS7FsImUsuv88zCMFNdnQ9GeZ0GFHdXYSji2al6W0DwKq58YF5n9AIc5g==","time":1708607168317,"size":96}

.cache/index-v5/af/3c/9a63e90f42e8c2b5432c2d9dc1364d67368b44e3f54474bd0b091f7e018f

@@ -0,0 +1,2 @@
+
+97c51030b7d9989e47c33ea37c5765dff6c8d949	{"key":"routes/action.command.exports","integrity":"sha512-Q92M0izlcaioDoBqMorpowxYDoIunrzcD2DIbZhk6+O76GOP2JWLH67X2FW+glEnWnOf+1IgIz6cig7falc30w==","time":1708607168320,"size":96}

.cache/index-v5/b4/aa/bb2dfc205b2349c12e16aaec561151ab227da0fab2574284c83af0dafa37

@@ -0,0 +1,2 @@
+
+478b47f638ee42f2f4204d01dba2b05d103121cf	{"key":"routes/webhooks.stripe.exports","integrity":"sha512-M7u1QxOGdM3oetlew6ZC4Czd5S2+Pxkmb/y9BoKuxYoj+P+3xmkvnAANIAOy/Ag+1FrwpYiD5B9geifvn7S4Og==","time":1708607168325,"size":96}

.cache/index-v5/c0/b1/fb336bc19d8c378eca2b715ed31a1a1292d870668bbc775fc15d72a4734c

@@ -0,0 +1,2 @@
+
+02f8bfa5035093698671e2b2004514cdaedfead9	{"key":"routes/_blog.tag.$slug.exports","integrity":"sha512-BWO+Bge+xuA3KEHNg/srbMceiYA+f52QZUHnSxIsbXhTuPmre2lLI1b1sdtp2E2c1a4BKmLvdVG7xrkkWToqHg==","time":1708607168321,"size":129}

.cache/index-v5/c7/41/634a0ad6661e7fedea880d9fa9c8a30994a61de4f9aec573a6b37df9c8ba

@@ -0,0 +1,2 @@
+
+94741012ffaeba4820b69e6b5b262f2830a1d274	{"key":"routes/_blog.contact.exports","integrity":"sha512-irvK5wlPiUDc0IYAaEhrKpnCk9tgAsFRznESDQti8B398kskW6Murud6v0TwAU9qzRKzcPLYrJwn2+sG7kIrVw==","time":1708607168317,"size":106}

.cache/index-v5/c9/d3/a99165b5990ac361b8cd077e9effd86d1bb42785de940e9a62f474627c32

@@ -0,0 +1,2 @@
+
+b886c81b8a6818bc76954d1fc83dc9796c2e4bbf	{"key":"routes/_blog.blog.load-more-posts.exports","integrity":"sha512-QXiSOL+/mKUceaTLzpOk0ZtN9MZIxKOXRCyNEDbo5QETv7dtxCsUXYd6Ds0cYefojZho8XMFfiUr3msUHcJu+w==","time":1708607168321,"size":96}

.cache/index-v5/d0/c4/d960260ece228d28f70e317741b3f3f3df05c53956d870235837ae2b73b4

@@ -0,0 +1,2 @@
+
+66ac44c2998e6ecd8de9f3a9a5caced0de552bec	{"key":"root.exports","integrity":"sha512-DRnYg6rVa4vWYf+yH+aZd2vXZtYvWKovKYTCEWE5XcH3R/05vUoUlHcmN2tc5RqS4OzyIrKKnylY6EK8DKminA==","time":1708607168320,"size":140}

.cache/index-v5/d8/4f/c376a57190839490a3c5d5fe83f8d84c49f5a1f95092071814ef3351a972

@@ -0,0 +1,2 @@
+
+022582c5bab33a8737a5594d11436dc6d4f9f2a9	{"key":"routes/_blog.join.exports","integrity":"sha512-IUTJOkRT0SXHrzbjeofNFkPOB3goed2ws+/SdLvasvuEG9yv0BVrvQpq3VHyNG8pqCkvT1ULlpcepiEETixdgw==","time":1708607168323,"size":122}

.cache/index-v5/ee/41/ffbc75fc2fa53bbf3e705fde53a864af2464c95cd7c1451afb2f3b72edbc

@@ -0,0 +1,2 @@
+
+bd18844fc507cde7b333cf86fa38c2882c19abdc	{"key":"routes/api.stripe.create-customer-portal.exports","integrity":"sha512-06qTfjBJOybOe9a2pPbWZ16XkZv/U8cOFc4ehSvcDZJd0at9vOgVPmu3DDqj8FuRRn7SBsyUmEchpxzCadox+g==","time":1708607168317,"size":105}

.cache/index-v5/f2/91/0bda7decdf22000e3219f0f90ac95d2f4d4ce687e69292e406301f262643

@@ -0,0 +1,2 @@
+
+bbafcc8fba5ac208ccc912e93d5992b2776f1ec5	{"key":"routes/_blog.login.exports","integrity":"sha512-CrbLM8Ps1IdhMy5STmeDoQZWugH9HNs61sCc5oFuem4gQMfcJvXzoH26pImKyikWjUocUsxWHKtGRXhkCC3Plw==","time":1708607168324,"size":122}

.vscode/settings.json

@@ -4,8 +4,8 @@
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true,
-    "source.fixAll.format": true
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.format": "explicit"
   },
   "editor.wordWrap": "on",
   "[prisma]": {

app/entry.server.tsx

@@ -1,7 +1,7 @@
 import { PassThrough } from "stream";
-import { Response, type EntryContext } from "@remix-run/node";
+import { createReadableStreamFromReadable, type EntryContext } from "@remix-run/node";
 import { RemixServer } from "@remix-run/react";
-import isbot from "isbot";
+import {isbot} from "isbot";
 
 import { renderToPipeableStream } from "react-dom/server";
 
@@ -29,7 +29,7 @@ export default function handleRequest(
           responseHeaders.set("Content-Type", "text/html");
 
           resolve(
-            new Response(body, {
+            new Response(createReadableStreamFromReadable(body), {
               headers: responseHeaders,
               status: didError ? 500 : responseStatusCode,
             })

app/env.ts

@@ -8,6 +8,7 @@ export const env = createEnv({
     GHOST_CONTENT_API_KEY: z.string().min(1),
     GHOST_ADMIN_API_KEY: z.string().min(1),
     MAGIC_LINK_SECRET: z.string().min(1),
+    ADMIN_SESSION_SECRET: z.string().min(1),
     SESSION_SECRET: z.string().min(1),
     STRIPE_PUBLIC_KEY: z.string().optional(),
     STRIPE_SECRET_KEY: z.string().min(1),

app/root.tsx

@@ -1,15 +1,14 @@
-import fontStylesheet from "./styles/fonts.css";
-import nordthemeStylesheet from "./styles/nordtheme.css";
-import tailwindStylesheetUrl from "./styles/tailwind.css";
+import fontStylesheet from "./styles/fonts.css?url";
+import nordthemeStylesheet from "./styles/nordtheme.css?url";
+import tailwindStylesheetUrl from "./styles/tailwind.css?url";
 import {
   json,
   type LinksFunction,
-  type LoaderArgs,
-  type V2_MetaFunction,
+  type LoaderFunctionArgs,
+  type MetaFunction,
 } from "@remix-run/node";
 import {
   Links,
-  LiveReload,
   Meta,
   Outlet,
   Scripts,
@@ -23,7 +22,7 @@ import {
   useTheme,
 } from "~/ui/utils/theme-provider";
 import clsx from "clsx";
-import { ClientOnly } from "remix-utils";
+import { ClientOnly } from "remix-utils/client-only";
 
 import { Toaster } from "~/ui/components/toaster";
 
@@ -42,11 +41,11 @@ export const links: LinksFunction = () => {
   ];
 };
 
-export const meta: V2_MetaFunction = () => [
+export const meta: MetaFunction = () => [
   { title: "Remix Ghost Stack - Remix App with Ghost CMS in Headless Mode" },
 ];
 
-export async function loader({ request }: LoaderArgs) {
+export async function loader({ request }: LoaderFunctionArgs) {
   const themeSession = await getThemeSession(request);
   return json({
     theme: themeSession.getTheme(),
@@ -70,7 +69,6 @@ function App() {
         <ScrollRestoration />
         <Scripts />
         <ClientOnly>{() => <Toaster />}</ClientOnly>
-        <LiveReload />
       </body>
     </html>
   );

app/routes/_blog.$slug.tsx

@@ -1,4 +1,4 @@
-import { json, type LoaderArgs, type V2_MetaFunction } from "@remix-run/node";
+import { json, type LoaderFunctionArgs, type MetaFunction } from "@remix-run/node";
 import {
   isRouteErrorResponse,
   Link,
@@ -17,7 +17,7 @@ import { PostSubscribeCTA } from "~/ui/components/subscribe-overlay";
 import { getPostOrPage } from "~/domain/get-post-or-page.server";
 import { auth } from "~/services/auth.server";
 
-export const meta: V2_MetaFunction<
+export const meta: MetaFunction<
   typeof loader,
   { "routes/_blog": typeof rootBlogLoader }
 > = ({ data, matches, location, params }) => {
@@ -154,7 +154,7 @@ export const meta: V2_MetaFunction<
   ];
 };
 
-export async function loader({ request, params }: LoaderArgs) {
+export async function loader({ request, params }: LoaderFunctionArgs) {
   const res = await getPostOrPage(
     {
       slug: params.slug,

app/routes/_blog._index.tsx

@@ -1,4 +1,4 @@
-import { json, type LoaderArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 
 import { AuthorsSection } from "~/ui/components/authors/authors-section";
@@ -13,7 +13,7 @@ import { TagsSection } from "~/ui/components/tags/tags-section";
 import { auth } from "~/services/auth.server";
 import { cachedGetIndexPageData } from "~/services/ghost.server";
 
-export async function loader({ request }: LoaderArgs) {
+export async function loader({ request }: LoaderFunctionArgs) {
   const user = await auth.isAuthenticated(request);
   const { settings, posts, tags, featuredPosts, authors, postsMeta } =
     await cachedGetIndexPageData();

app/routes/_blog.account.tsx

@@ -2,7 +2,7 @@ import {
   json,
   redirect,
   type ActionFunction,
-  type LoaderArgs,
+  type LoaderFunctionArgs,
 } from "@remix-run/node";
 import {
   Form,
@@ -12,7 +12,7 @@ import {
 } from "@remix-run/react";
 import type { Tier } from "@ts-ghost/content-api";
 import { CheckCircle, GemIcon } from "lucide-react";
-import { AuthenticityTokenInput, verifyAuthenticityToken } from "remix-utils";
+import { AuthenticityTokenInput } from "remix-utils/csrf/react";
 import type Stripe from "stripe";
 import invariant from "tiny-invariant";
 
@@ -34,11 +34,11 @@ import {
   getMember,
   getMemberActiveSubscriptions,
 } from "~/services/ghost.server";
-import { getSession } from "~/services/session.server";
 import { createCheckoutSession } from "~/services/stripe/checkout.server";
 import { getProductAndPriceByName } from "~/services/stripe/products.server";
+import { csrf } from "~/services/csrf.server";
 
-export let loader = async ({ request }: LoaderArgs) => {
+export let loader = async ({ request }: LoaderFunctionArgs) => {
   // If the user is here, it's already authenticated, if not redirect them to
   // the login page.
   const userSession = await auth.isAuthenticated(request, {
@@ -61,7 +61,7 @@ export let loader = async ({ request }: LoaderArgs) => {
 export const action: ActionFunction = async ({ request }) => {
   const formData = await request.clone().formData();
   // CSRF Protection
-  await verifyAuthenticityToken(formData, await getSession(request));
+  await csrf.validate(formData, request.headers);
 
   const user = await auth.isAuthenticated(request, {
     failureRedirect: "/login",
@@ -119,7 +119,7 @@ export const TierCard = ({
           <ul className="ml-4 mt-3 text-sm">
             {tier.benefits.map((benefit, index) => (
               <li key={index} className="flex flex-row items-center">
-                <CheckCircle className="mr-2 h-3 w-3 " />
+                <CheckCircle className="mr-2 size-3 " />
                 {benefit}
               </li>
             ))}
@@ -136,7 +136,7 @@ export const TierCard = ({
                   <Form
                     method="post"
                     key={price.id}
-                    className="flex h-full w-full flex-col items-end justify-between gap-3"
+                    className="flex size-full flex-col items-end justify-between gap-3"
                   >
                     <AuthenticityTokenInput />
                     <input type="hidden" name="priceId" value={price.id} />
@@ -197,7 +197,7 @@ export default function Account() {
                         .filter((sub) => sub.status === "active")
                         .map((sub) => (
                           <Badge key={sub.id}>
-                            <GemIcon className="mr-1 h-3 w-3" />
+                            <GemIcon className="mr-1 size-3" />
                             {sub.tier?.name}
                           </Badge>
                         ))}

app/routes/_blog.author.$slug.tsx

@@ -1,4 +1,4 @@
-import { json, type LoaderArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import {
   isRouteErrorResponse,
   useLoaderData,
@@ -10,7 +10,7 @@ import { PostsList } from "~/ui/components/posts/posts-list";
 
 import { getAuthorPage } from "~/services/ghost.server";
 
-export async function loader({ request, params }: LoaderArgs) {
+export async function loader({ request, params }: LoaderFunctionArgs) {
   let slug = params.slug;
   invariant(slug, "Slug is required");
   const { posts, author, postsMeta } = await getAuthorPage(slug);
@@ -29,7 +29,7 @@ export default function Index() {
         <img
           src={author.profile_image || "/images/ghost-logo.png"}
           alt={author.name}
-          className="rounded-md sm:h-32 sm:w-32"
+          className="rounded-md sm:size-32"
         />
         <div>
           <h1 className="text-3xl font-semibold">{author.name}</h1>

app/routes/_blog.authors.tsx

@@ -1,12 +1,12 @@
-import { json, type LoaderArgs } from "@remix-run/node";
+import { json, type LoaderFunctionArgs } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 
 import { AuthorsSection } from "~/ui/components/authors/authors-section";
 
 import { auth } from "~/services/auth.server";
 import { getAllAuthors } from "~/services/ghost.server";
 
-export async function loader({ request }: LoaderArgs) {
+export async function loader({ request }: LoaderFunctionArgs) {
   const user = await auth.isAuthenticated(request);
   const { authors } = await getAllAuthors();
   return json({