Optimize code

astro.config.mjs

@@ -1,5 +1,5 @@
 import { defineConfig } from 'astro/config';
-import solidJs from "@astrojs/solid-js";
+import solid from "@astrojs/solid-js";
 import prefetch from "@astrojs/prefetch";
 import sitemap from "@astrojs/sitemap";
 import compressor from "astro-compressor";
@@ -10,7 +10,6 @@ import rome from "astro-rome";
 
 //import deno from '@astrojs/deno';
 import nodejs from '@astrojs/node';
-
 import partytown from "@astrojs/partytown";
 
 // https://astro.build/config
@@ -19,7 +18,7 @@ export default defineConfig({
   adapter: nodejs({
     mode: 'standalone'
   }),
-  integrations: [solidJs(), prefetch(), sitemap({
+  integrations: [solid(), prefetch(), sitemap({
     i18n: {
       defaultLocale: "en",
       locales: {
@@ -35,7 +34,11 @@ export default defineConfig({
     config: {
       forward: ["dataLayer.push"]
     }
-  }), compressor(), compress()],
+  }), compress(), compressor({
+    brotli: true,
+    gzip: true,
+    fileExtensions: [".html", ".xml", ".css", ".js", ".json", ".png", ".jpg", ".jpeg", ".webp", ".avif", ".ico", ".svg", ".jxl", ".xsl", ".woff2", ".woff", ".ttf", ".eot", ".otf", ".txt", ".md", ".webmanifest", ".mp4", ".webm", ".ogg", ".mp3", ".wav", ".flac", ".aac", ".m4a", ".oga", ".opus", ".svgz", ".zip", ".gz", ".tgz", ".tar", ".rar", ".7z", ".bz2", ".pdf", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".odt", ".ods", ".odp", ".csv", ".rtf", ".epub", ".mobi", ".apk", ".exe", ".swf", ".jar", ".gif", ".bmp", ".ico", ".tif", ".tiff", ".psd", ".ai", ".indd", ".webp", ".avif", ".svg", ".mpg", ".mp2", ".mpeg", ".mpe", ".mpv", ".ogg", ".m4p", ".m4v", ".avi", ".wmv", ".mov", ".qt", ".flv", ".swf", ".avchd", ".mkv", ".webm", ".mng", ".asf", ".wmv", ".avi", ".mp4", ".m4v", ".mpg", ".mpeg", ".mov", ".webm", ".flv", ".mng", ".asx", ".asf", ".wmv", ".avi", ".mp4", ".m4v", ".mpg", ".mpeg", ".mov", ".webm", ".flv", ".mng", ".asx", ".asf", ".wmv", ".avi", ".mp4", ".m4v", ".mpg", ".mpeg", ".mov", ".webm", ".flv", ".mng", ".asx", ".asf", ".wmv", ".avi", ".mp4", ".m4v", ".mpg", ".mpeg", ".mov", ".webm", ".flv", ".mng", ".asx", ".asf", ".wmv", ".svg", ".svgz", ".webp", ".avif", ".png", ".jpg", ".jpeg", ".gif", ".webp", ".avif", ".ico", ".tif", ".tiff", ".psd", ".raw", ".bmp"]
+  })],
   experimental: {
     //assets: true,
     //viewTransitions: true
@@ -46,9 +49,6 @@ export default defineConfig({
   output: "hybrid",
   site: "https://lindnerit.io/",
   compressHTML: true,
-  build: {
-    split: true
-  },
   vite: {
     build: {
       modulePreload: true,

package.json

@@ -16,7 +16,7 @@
     "@astrojs/prefetch": "^0.2.3",
     "@astrojs/rss": "^2.4.4",
     "@astrojs/sitemap": "^1.4.0",
-    "@astrojs/solid-js": "^2.2.1",
+    "@astrojs/solid-js": "^3.0.0",
     "@contentful/rich-text-html-renderer": "^16.1.1",
     "@contentful/rich-text-plain-text-renderer": "^16.0.6",
     "@contentful/rich-text-types": "^16.2.1",

src/components/BlogSection.astro

@@ -1,5 +1,6 @@
 ---
-import { BlogPost, BlogPostSkeleton, contentfulClient } from "../contentful";
+import type { BlogPost, BlogPostSkeleton } from "../contentful";
+import { contentfulClient } from "../contentful";
 import BlogCard from "./BlogCard.astro";
 import { useTranslations } from "../i18n";
 const { language } = Astro.params;

src/components/CookieBanner/style.scss

@@ -11,6 +11,7 @@
   left: 0;
   right: 0;
   background-color: white;
+  color: black;
   padding: 2rem;
   gap: 2rem;
   box-shadow: 0px 4px 9px #171a1f, 0px 0px 2px #171a1f;

src/layouts/BaseLayout.astro

@@ -200,7 +200,7 @@ if(Astro.site) {
     <link rel="dns-prefetch preconnect" href="https://www.googletagmanager.com/" />
     <link rel="dns-prefetch preconnect" href="https://m.clarity.ms/collect" crossorigin />
 
-    <meta name="msapplication-TileImage" content="./favicon-152.png" />
+    <meta name="msapplication-TileImage" content="/favicon-152.png" />
     <meta name="msapplication-TileColor" content="#0093e7" />
     <meta name="theme-color" content="#0093e7" />
 

src/pages/[language]/blog/[category]/[slug].astro

@@ -1,11 +1,8 @@
 ---
 export const prerender = false;
 
-import {
-  contentfulClient,
-  BlogPostSkeleton,
-  BlogPost,
-} from "../../../../contentful";
+import { contentfulClient } from "../../../../contentful";
+import type { BlogPostSkeleton, BlogPost } from "../../../../contentful";
 import { documentToHtmlString } from "@contentful/rich-text-html-renderer";
 import BaseLayout from "../../../../layouts/BaseLayout.astro";
 import Heading from "../../../../components/Heading.astro";

src/pages/[language]/blog/index.astro

@@ -10,13 +10,13 @@ import BaseLayout from "../../../layouts/BaseLayout.astro";
 import HookSection from "../../../components/HookSection.astro";
 import { useTranslations } from "../../../i18n";
 import { MetaBuilder } from "../../../meta";
-import {
+import type {
   BlogCategory,
   BlogCategorySkeleton,
   BlogPost,
-  BlogPostSkeleton,
-  contentfulClient,
+  BlogPostSkeleton
 } from "../../../contentful";
+import { contentfulClient } from "../../../contentful";
 import BlogCard from "../../../components/BlogCard.astro";
 
 const { language } = Astro.params;

src/pages/[language]/blog/rss.xml.ts

@@ -1,9 +1,11 @@
 import { getStaticPaths } from "../../../paramHelper";
 export { getStaticPaths };
 
-import { BlogPost, BlogPostSkeleton, contentfulClient } from '../../../contentful';
+import type { BlogPost, BlogPostSkeleton } from '../../../contentful';
+import { contentfulClient } from '../../../contentful';
 import type { APIRoute } from 'astro';
-import rss, { RSSFeedItem } from '@astrojs/rss';
+import rss from '@astrojs/rss';
+import type { RSSFeedItem } from '@astrojs/rss';
 import { documentToPlainTextString } from "@contentful/rich-text-plain-text-renderer";
 
 export const get: APIRoute = async ({ params }) => {

src/pages/[language]/privacy-policy.astro

@@ -3,11 +3,8 @@
 //export { getStaticPaths };
 export const prerender = false;
 
-import {
-  ContentPageSkeleton,
-  ContentPage,
-  contentfulClient,
-} from "../../contentful";
+import type { ContentPageSkeleton, ContentPage } from "../../contentful";
+import { contentfulClient } from "../../contentful";
 import { documentToHtmlString } from "@contentful/rich-text-html-renderer";
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import Heading from "../../components/Heading.astro";

src/pages/[language]/terms-of-service.astro

@@ -3,11 +3,8 @@
 //export { getStaticPaths };
 export const prerender = false;
 
-import {
-  ContentPageSkeleton,
-  ContentPage,
-  contentfulClient,
-} from "../../contentful";
+import type { ContentPageSkeleton, ContentPage } from "../../contentful";
+import { contentfulClient } from "../../contentful";
 import { documentToHtmlString } from "@contentful/rich-text-html-renderer";
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import Heading from "../../components/Heading.astro";

src/pages/[language]/web-design/index.astro

@@ -140,7 +140,7 @@ const meta = metaBuilder.create();
             <a
               href="https://www.designrush.com/agency/profile/lindner-it"
               target="_blank"
-              rel="sponsored nofollow">{t("webDesign.designrush") as string}</a
+              rel="sponsored">{t("webDesign.designrush") as string}</a
             >
           </div>
         </div>

tsconfig.json

@@ -2,6 +2,14 @@
   "extends": "astro/tsconfigs/strictest",
   "compilerOptions": {
     "jsx": "preserve",
-    "jsxImportSource": "solid-js"
+    "jsxImportSource": "solid-js",
+    "paths": {
+      "@components/*": [
+        "src/components/*"
+      ],
+      "@layouts/*": [
+        "src/layouts/*"
+      ],
+    }
   }
 }