migrated to bun

.gitignore

@@ -1,6 +1,5 @@
 # build output
 dist/
-
 # generated types
 .astro/
 
@@ -13,6 +12,7 @@ yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 
+
 # environment variables
 .env
 .env.production
@@ -20,6 +20,9 @@ pnpm-debug.log*
 # macOS-specific files
 .DS_Store
 
+# jetbrains setting folder
+.idea/
+
 sync.sh
 
 private/

README.md

@@ -1,15 +1,2 @@
-# noahsw.xyz
-
-Source for my personal website, noahsw.xyz.
-
-Written in Astro w/ Tailwind.
-
-## Commands
-| Command                   | Action                                           |
-| :------------------------ | :----------------------------------------------- |
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:4321`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
-| `npm run astro -- --help` | Get help using the Astro CLI                     |
+Dev server: `bunx --bun astro dev`
+Build to ./dist: `bunx --bun astro build`

astro.config.mjs

@@ -1,7 +1,15 @@
+// @ts-check
 import { defineConfig } from 'astro/config';
-import tailwind from "@astrojs/tailwind";
+
+import solidJs from '@astrojs/solid-js';
+
+import tailwindcss from '@tailwindcss/vite';
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind()],
-});
+  integrations: [solidJs()],
+
+  vite: {
+    plugins: [tailwindcss()]
+  }
+});

package.json

@@ -1,32 +1,34 @@
 {
-  "name": "",
+  "name": "noahsw.xyz",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
     "dev": "astro dev",
-    "start": "astro dev",
     "build": "astro check && astro build",
     "preview": "astro preview",
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.10",
-    "@astrojs/tailwind": "^5.1.2",
-    "@tsparticles/basic": "^3.5.0",
-    "@tsparticles/engine": "^3.5.0",
-    "@tsparticles/interaction-particles-links": "^3.5.0",
-    "@tsparticles/move-parallax": "^3.5.0",
-    "astro": "^4.16.13",
-    "tailwindcss": "^3.4.15",
-    "typescript": "^5.6.3"
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/solid-js": "^5.0.4",
+    "@nanostores/solid": "^0.5.0",
+    "@tailwindcss/vite": "^4.0.6",
+    "@tsparticles/basic": "^3.8.1",
+    "@tsparticles/engine": "^3.8.1",
+    "@tsparticles/interaction-particles-links": "^3.8.1",
+    "@tsparticles/move-parallax": "^3.8.1",
+    "astro": "^5.3.0",
+    "solid-js": "^1.9.4",
+    "tailwindcss": "^4.0.6",
+    "typescript": "^5.7.3"
   },
   "devDependencies": {
+    "@types/bun": "^1.2.2",
     "clsx": "^2.1.1",
-    "prettier": "^3.3.3",
-    "prettier-plugin-astro": "^0.13.0",
-    "prettier-plugin-tailwindcss": "^0.6.8",
+    "prettier": "^3.5.1",
+    "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "sharp": "^0.33.5",
-    "tailwind-merge": "^2.5.4"
-  },
-  "packageManager": "pnpm@8.14.2+sha1.1670a65b60df5f95e9f0cb7de46e605d9bd74fda"
-}
+    "tailwind-merge": "^3.0.1"
+  }
+}

src/components/LinkButton.astro

@@ -7,7 +7,7 @@ const { class: cls, ...rest }: HTMLAttributes<"a"> = Astro.props;
 
 <a
   class={cn(
-    "inline-block bg-foreground text-background rounded-lg hover:bg-accent transition-all duration-300block font-body py-3 px-6 text-center",
+    "inline-block bg-foreground text-background rounded-lg hover:bg-accent transition-all duration-300block py-3 px-6 text-center",
     cls,
   )}
   {...rest}

src/components/sections/Projects.astro

@@ -6,7 +6,7 @@ import Project from "@/components/Project.astro";
 
 import drfeelycom from "@/assets/drfeelycom.png";
 import ngen from "@/assets/ngen.png";
-<!-- import jhdcom from "@/assets/jhdcom.png"; -->
+// import jhdcom from "@/assets/jhdcom.png";
 ---
 
 <Section id="projects">

src/env.d.ts

@@ -1,2 +0,0 @@
-/// <reference path="../.astro/types.d.ts" />
-/// <reference types="astro/client" />

src/layouts/Layout.astro

@@ -3,6 +3,7 @@ import Footer from "@/components/Footer.astro";
 import Header from "@/components/Header.astro";
 import Metadata from "@/components/Metadata.astro";
 import Particles from "@/components/Particles.astro";
+import "@/styles/global.css"
 
 type Props = {
   title: string;
@@ -21,11 +22,6 @@ const { title, description }: Props = Astro.props;
     <Metadata title={title} description={description} />
 
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="preconnect" href="https://fonts.bunny.net" />
-    <link
-      href="https://fonts.bunny.net/css?family=azeret-mono:400|fahkwang:500,700"
-      rel="stylesheet"
-    />
 
     <title>{title}</title>
   </head>

src/styles/global.css

@@ -0,0 +1,13 @@
+@import url(https://fonts.bunny.net/css?family=azeret-mono:400|fahkwang:500,700);
+@import "tailwindcss";
+
+@theme {
+  --font-display: "Fahkwang", serif; 
+  --font-body: "Azeret Mono", sans-serif;
+
+  --color-background: oklch(17.80% 0.006 156.53);
+  --color-foreground: oklch(97.59% 0.039 148.76);
+  --color-accent: oklch(98.74% 0.020 150.11);
+
+  --breakpoint-md: 850px;
+}

tailwind.config.mjs

@@ -1,24 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
-  theme: {
-    extend: {
-      screens: {
-        md: "850px",
-      },
-      colors: {
-        background: "#0F1210",
-        foreground: "#E6FFE9",
-        accent: "#F2FFF4",
-      },
-      fontFamily: {
-        display: ["Fahkwang", "serif"],
-        body: ["Azeret Mono", "sans-serif"],
-      },
-    },
-  },
-  future: {
-    hoverOnlyWhenSupported: true,
-  },
-  plugins: [],
-};

tsconfig.json

@@ -1,9 +1,18 @@
 {
   "extends": "astro/tsconfigs/strict",
+  "include": [
+    ".astro/types.d.ts",
+    "**/*"
+  ],
+  "exclude": [
+    "dist"
+  ],
   "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
     "baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"],
+      "@/*": ["src/*"]
     }
   }
-}
+}