feat(app): #17 add redeploy hook (#29)

* feat(app): 17 add redeploy hook

and use it when Events are changed

* fix(app): 16 remove localhost previews

* chore(server): 17 Don't redeploy from dev environments

Author: MrGreenTea

src/collections/Events.ts

@@ -4,12 +4,15 @@ import {
   lexicalEditor,
   lexicalHTML,
 } from "@payloadcms/richtext-lexical";
+import { redeploy } from "../hooks";
 
 export const Events: CollectionConfig = {
   slug: "events",
+  hooks: {
+    afterChange: [redeploy],
+  },
   admin: {
     useAsTitle: "title",
-    preview: (doc) => doc?.slug != null ? `http://localhost:5173/events/${doc.slug}` : null,
   },
   access: {
     read: () => true,
@@ -29,7 +32,7 @@ export const Events: CollectionConfig = {
       admin: {
         date: {
           displayFormat: "dd.MM.yyyy",
-        }
+        },
       },
       required: true,
     },
@@ -39,7 +42,7 @@ export const Events: CollectionConfig = {
       admin: {
         date: {
           displayFormat: "dd.MM.yyyy",
-        }
+        },
       },
       required: true,
     },

src/hooks.ts

@@ -0,0 +1,8 @@
+export const redeploy = async () => {
+  // uses Cloudflare Deploy Hooks
+  // see https://developers.cloudflare.com/pages/configuration/deploy-hooks/
+  // In local development we don't want any redeployments though
+  if (process.env.CLOUDFLARE_DEPLOY_HOOK) {
+    await fetch(process.env.CLOUDFLARE_DEPLOY_HOOK, { method: "POST" });
+  }
+};