feat: ssr and stuff

package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "node src/blogPostGenerator.js && vite",
-    "build": "node src/blogPostGenerator.js;tsc;vite build",
+    "build": "node src/blogPostGenerator.js && tsc && vite build",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },

src/Blog.tsx

@@ -6,12 +6,9 @@ import BlogPostCard from "./BlogPostCard.tsx";
 import {BlogNavBar} from "./BlogNavBar.tsx";
 import {faRss, faAtom} from "@fortawesome/free-solid-svg-icons";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {
-    SpeedDial,
-    SpeedDialAction
-} from "@mui/material";
-import React from "react";
-import {DataObject} from "@mui/icons-material";
+import SpeedDial from '@mui/material/SpeedDial';
+import SpeedDialAction from '@mui/material/SpeedDialAction';
+import DataObject from "@mui/icons-material/DataObject";
 
 const actions = [
     { icon: <FontAwesomeIcon icon={faRss} />, name: 'RSS' },

src/BlogPost.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
-
 .blogPostContent {
     margin-top: 100px;
     z-index: 0;

src/blog/Hey.md

@@ -4,11 +4,12 @@ title: Welcome to my new blog!
 description: This post welcomes you to my new blog
 date: 20/08/2023
 ---
+import SpeedDial from '@mui/material/SpeedDial';
 # Hey!
 
 This is probably the last time I'm going to make a blog. I've made a few in the past, but I've never really stuck to them. I'm hoping that this time will be different.  
 This one was made entirely from scratch using React and Markdown, initially trying to use MDX, but it was a pain to set up, and it didn't end up working in the end.  
 I'm hoping to post about my projects, and maybe some other stuff too. I'm not sure yet, but I'll figure it out as I go along.  
 Anyways, thank you for reading. I hope you enjoyed my UX/UI for this one!  
-
+<SpeedDial />
 PD: I need some help for making the blog text look good and readable, so hit me up on my Discord if you have any ideas.

src/index.css

@@ -1,5 +1,5 @@
 /* Yes, this is a kinda unmodified index.css file from the vite template. I like the colors and stuff so I'll keep it. */
-
+@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;

vite.config.ts

@@ -6,5 +6,8 @@ export default defineConfig({
   plugins: [react()],
   server: {
     port: 3000
+  },
+  ssr: {
+    format: 'esm',
   }
 })