feat(website): show draft content on preview deployments (#708)

We also use SSR so that we don't have to rebuild when the CMS changes.

Author: MrGreenTea

astro.config.mjs

@@ -1,9 +1,20 @@
+import node from '@astrojs/node';
 import svelte from '@astrojs/svelte';
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'astro/config';
 
+const PREVIEW = process.env.PREVIEW_DEPLOYMENT === 'true';
+
+// for a live preview we need server side rendering
+const adapter = PREVIEW
+  ? node({
+      mode: 'standalone',
+    })
+  : undefined;
+
 // https://astro.build/config
 export default defineConfig({
+  adapter,
   image: {
     remotePatterns: [
       {
@@ -18,6 +29,7 @@ export default defineConfig({
   },
 
   integrations: [svelte()],
+  output: PREVIEW ? 'server' : 'static',
   server: ({ command }) => ({ port: command === 'dev' ? 5173 : 4321 }),
   trailingSlash: 'never',
 

package.json

@@ -24,6 +24,7 @@
   },
   "dependencies": {
     "@astrojs/check": "0.9.4",
+    "@astrojs/node": "9.2.0",
     "@astrojs/svelte": "7.0.10",
     "@astrojs/tailwind": "6.0.2",
     "@melt-ui/svelte": "0.86.6",