comments

Author: KevinVandy

apps/2-ssg/2-2-astro-ssg/astro.config.mjs

@@ -1,11 +1,18 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
 
-import tailwindcss from '@tailwindcss/vite';
+import tailwindcss from "@tailwindcss/vite";
+
+import vercel from "@astrojs/vercel";
 
 // https://astro.build/config
 export default defineConfig({
   vite: {
-    plugins: [tailwindcss()]
-  }
-});
+    plugins: [tailwindcss()],
+  },
+  adapter: vercel({
+    isr: {
+      expiration: 60 * 60 * 24, // rebuild every page every day
+    },
+  }),
+});

apps/2-ssg/2-2-astro-ssg/package.json

@@ -9,6 +9,7 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/vercel": "^8.0.8",
     "@tailwindcss/vite": "^4.0.7",
     "astro": "^5.3.0",
     "tailwindcss": "^4.0.7"

apps/3-ssr/3-4-astro-ssr/src/pages/posts/[id].astro

@@ -18,6 +18,8 @@ let comments: IComment[];
 let user: IUser;
 
 try {
+  //wait 3s
+  // await new Promise((resolve) => setTimeout(resolve, 3000));
   const [postResponse, commentsResponse] = await Promise.all([
     fetch(`http://localhost:3300/posts/${postId}`),
     fetch(`http://localhost:3300/posts/${postId}/comments`),

apps/4-streaming/4-4-astro-server-islands/src/components/Comments.astro

@@ -8,7 +8,7 @@ interface Props {
 const { postId } = Astro.props;
 
 // Fetch comments for this post with artificial delay
-await new Promise((resolve) => setTimeout(resolve, 1000));
+// await new Promise((resolve) => setTimeout(resolve, 3000));
 const commentsResponse = await fetch(
   `http://localhost:3300/posts/${postId}/comments`,
   {