feat(website): add meta description and compression

apps/website/src/components/router-head/router-head.tsx

@@ -17,6 +17,14 @@ export const RouterHead = component$(() => {
                 name="viewport"
                 content="width=device-width, initial-scale=1.0"
             />
+            <meta
+                name="description"
+                content="I am Rico, an professional JavaScript developer from northern Germany. Here, you can find out more about who I am and what I do."
+            />
+            <meta
+                name="theme-color"
+                content="#09090b"
+            />
             <link
                 rel="icon"
                 type="image/icon"

apps/website/src/entry.express.tsx

@@ -1,10 +1,11 @@
 import { fileURLToPath } from 'node:url';
 import { join } from 'node:path';
 
+import express from 'express';
+import compression from 'compression';
 import { createQwikCity, type PlatformNode } from '@builder.io/qwik-city/middleware/node';
 import qwikCityPlan from '@qwik-city-plan';
 import { manifest } from '@qwik-client-manifest';
-import express from 'express';
 
 import render from './entry.ssr';
 
@@ -42,7 +43,7 @@ const { router, notFound } = createQwikCity({
 const app = express();
 
 // Enable gzip compression
-// app.use(compression());
+app.use(compression());
 
 // Static asset handlers
 // https://expressjs.com/en/starter/static-files.html

package.json

@@ -37,6 +37,7 @@
         "@nx/vite": "17.0.2",
         "@nx/workspace": "17.0.2",
         "@tailwindcss/typography": "0.5.10",
+        "@types/compression": "1.7.5",
         "@types/express": "4.17.20",
         "@types/node": "20.8.9",
         "@typescript-eslint/eslint-plugin": "6.9.0",
@@ -67,6 +68,7 @@
     },
     "dependencies": {
         "@qwikest/icons": "0.0.13",
+        "compression": "1.7.4",
         "express": "4.18.2",
         "node-fetch": "3.3.2",
         "tslib": "2.6.2",