From 7a71a66dc7a71e58071d6a40466e0f6c415caf3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cyril=20=C5=A0ebek?= <cyril@cyrilsebek.cz>
Date: Mon, 8 Jul 2024 23:01:44 +0200
Subject: [PATCH] Enabled SSR with pre-renders

- Enable server output mode
- Pre-render for (almost) every .astro file
- Fixed custom middleware
---
 astro.config.mjs                           |  2 +-
 src/components/About.astro                 |  2 ++
 src/components/AboutModule.astro           |  5 +++--
 src/components/CompositionsList.astro      |  1 +
 src/components/FloatingLinks.astro         |  1 +
 src/components/Hero.astro                  |  1 +
 src/components/Navbar.astro                |  1 +
 src/components/NavbarSkeleton.astro        |  3 +++
 src/components/PostsList.astro             |  2 +-
 src/components/Showcase.astro              |  1 +
 src/components/SingleCompositionCard.astro |  1 +
 src/components/SinglePostCard.astro        |  2 +-
 src/middleware.js                          | 12 ++++++------
 src/pages/404.astro                        |  6 ++----
 14 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index b40dcd2..676d7db 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -9,7 +9,7 @@ import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
-  output: "hybrid",
+  output: "server",
   adapter: node({
     mode: "standalone",
   }),
diff --git a/src/components/About.astro b/src/components/About.astro
index 2959b86..af7b2a4 100644
--- a/src/components/About.astro
+++ b/src/components/About.astro
@@ -1,4 +1,6 @@
 ---
+export const prerender = true;
+
 import SinglePage from "../layouts/SinglePage.astro";
 
 import AboutModule from "./AboutModule.astro";
diff --git a/src/components/AboutModule.astro b/src/components/AboutModule.astro
index e01f5bb..f80e7a6 100644
--- a/src/components/AboutModule.astro
+++ b/src/components/AboutModule.astro
@@ -1,5 +1,6 @@
-    ---
-const { row, flipped, image, alt } = Astro.props;
+---
+export const prerender = true;
+const { row, flipped, image } = Astro.props;
 ---
 
 <div class={`rows-start-${row} row-span-1 h-full w-full`}>
diff --git a/src/components/CompositionsList.astro b/src/components/CompositionsList.astro
index 44456f7..2ef845c 100644
--- a/src/components/CompositionsList.astro
+++ b/src/components/CompositionsList.astro
@@ -1,4 +1,5 @@
 ---
+export const prerender = true;
 import SingleCompositionCard from "./SingleCompositionCard.astro";
 import { Separator } from "./ui/separator";
 
diff --git a/src/components/FloatingLinks.astro b/src/components/FloatingLinks.astro
index cfa04e9..a3ba7cd 100644
--- a/src/components/FloatingLinks.astro
+++ b/src/components/FloatingLinks.astro
@@ -1,4 +1,5 @@
 ---
+export const prerender = true;
 import { ContactButton } from "./ContactButton";
 ---
 
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 0be65ee..6d05867 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -1,4 +1,5 @@
 ---
+export const prerender = true;
 import SinglePage from "../layouts/SinglePage.astro";
 import { getLangFromUrl, useTranslations } from "../i18n/utils";
 
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 3750bd2..df1add5 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,4 +1,5 @@
 ---
+export const prerender = true;
 import { ThemeSelector } from "./ThemeSelector"
 import NavbarSkeleton from "./NavbarSkeleton.astro";
 import { LangSwitcher } from "./LangSwitcher";
diff --git a/src/components/NavbarSkeleton.astro b/src/components/NavbarSkeleton.astro
index 5832843..927d0e7 100644
--- a/src/components/NavbarSkeleton.astro
+++ b/src/components/NavbarSkeleton.astro
@@ -1,3 +1,6 @@
+---
+export const prerender = true;
+---
 <nav class="w-full flex justify-center">
 	<div class="fixed w-full top-0 z-50 bg-bkgNavbar/70 shadow-md rounded-b-md backdrop-blur-lg">
 		<div
diff --git a/src/components/PostsList.astro b/src/components/PostsList.astro
index 9a138ad..b037599 100644
--- a/src/components/PostsList.astro
+++ b/src/components/PostsList.astro
@@ -1,6 +1,6 @@
 ---
 import SinglePostCard from "./SinglePostCard.astro";
-
+export const prerender = true;
 const { filteredPosts } = Astro.props;
 ---
 
diff --git a/src/components/Showcase.astro b/src/components/Showcase.astro
index f5389d5..4237751 100644
--- a/src/components/Showcase.astro
+++ b/src/components/Showcase.astro
@@ -1,6 +1,7 @@
 ---
 import SinglePage from "../layouts/SinglePage.astro";
 import { ShowcaseTabs } from "./ShowcaseTabs.jsx";
+export const prerender = true;
 ---
 
 <SinglePage>
diff --git a/src/components/SingleCompositionCard.astro b/src/components/SingleCompositionCard.astro
index b86ce4d..dcae6b0 100644
--- a/src/components/SingleCompositionCard.astro
+++ b/src/components/SingleCompositionCard.astro
@@ -1,4 +1,5 @@
 ---
+export const prerender = true;
 import {
   Card,
   CardContent,
diff --git a/src/components/SinglePostCard.astro b/src/components/SinglePostCard.astro
index 97d8fe0..3084a88 100644
--- a/src/components/SinglePostCard.astro
+++ b/src/components/SinglePostCard.astro
@@ -1,5 +1,5 @@
 ---
-import { Image } from "astro:assets";
+export const prerender = true;
 import {
   Card,
   CardContent,
diff --git a/src/middleware.js b/src/middleware.js
index 9ca1352..a97410b 100644
--- a/src/middleware.js
+++ b/src/middleware.js
@@ -1,24 +1,24 @@
 import { defineMiddleware, sequence } from "astro:middleware";
 import { middleware } from "astro:i18n"; // Astro's own i18n routing config
 
+export const prerender = false
+
 const langs = ["en", "de", "cs", "fr"]
 
-export const userMiddleware = defineMiddleware(async (ctx, next) => {
-  // this response might come from Astro's i18n middleware, and it might return a 404
-  const response = await next();
-  
+export const userMiddleware = defineMiddleware((ctx, next) => {
+
   const exceptions = ["/api", "/public"]
 
   // If path is in exceptions (i.e. api or public) return default middleware to handle it
   if (exceptions.includes(ctx.url.pathname) ) {
-    return response
+    return next();
 
   // If no lang is set => set to english (some pages are language-les exceptions)
   } else if ( !langs.some(item => ctx.url.href.includes(item)) ) {
 	return Response.redirect(`${ctx.url.protocol}${ctx.url.host}/en${ctx.url.pathname}`);
   
   } else {
-    return response;
+    return next();
   }
 });
 
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 741e1b9..42f1bc2 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,15 +1,13 @@
 ---
+export const prerender = true;
 import MainLayout from "../layouts/MainLayout.astro";
 import SinglePage from "../layouts/SinglePage.astro";
 ---
 
 <MainLayout
   title="Error 404"
-  ,
   description="This page doesn't exists"
-  ,
-  lang="en"
->
+  lang="en">
   <SinglePage>
     <div class="text-2xl text-center h-[80vh] grid place-content-center">
       <p class="text-accent">It looks like this page doesn't exists!</p>