refactor: rewrite website mostly

.gitignore

@@ -1,7 +1,5 @@
 # build output
 dist/
-.vercel
-
 # generated types
 .astro/
 
@@ -21,3 +19,6 @@ pnpm-debug.log*
 
 # macOS-specific files
 .DS_Store
+
+# jetbrains setting folder
+.idea/

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

README.md

@@ -1,3 +1,47 @@
-# LukaDev's Personal Website
+# Astro Starter Kit: Minimal
 
-Here's the source of [my website](https://lukadev.me/)!
+```sh
+npm create astro@latest -- --template minimal
+```
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)
+
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+## 🚀 Project Structure
+
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+├── src/
+│   └── pages/
+│       └── index.astro
+└── package.json
+```
+
+Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
+
+There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
+
+Any static assets, like images, can be placed in the `public/` directory.
+
+## 🧞 Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| 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                     |
+
+## 👀 Want to learn more?
+
+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

astro.config.mjs

@@ -1,11 +1,12 @@
 import { defineConfig } from "astro/config";
-import tailwind from "@astrojs/tailwind";
 import mdx from "@astrojs/mdx";
-
+import tailwind from "@astrojs/tailwind";
 import sitemap from "@astrojs/sitemap";
 
+import react from "@astrojs/react";
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), mdx(), sitemap()],
-  site: 'https://lukadev.me/'
+  site: "https://lukadev.me",
+  integrations: [mdx(), tailwind(), sitemap(), react()]
 });

package.json

@@ -1,30 +1,36 @@
 {
-  "name": "lukadev-personal-website",
+  "name": "",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
-    "build": "astro build",
+    "build": "astro check && astro build",
     "preview": "astro preview",
     "astro": "astro"
   },
-  "trustedDependencies": [
-    "sharp"
-  ],
   "dependencies": {
-    "@astrojs/mdx": "1.0.3",
-    "@astrojs/rss": "3.0.0",
-    "@astrojs/sitemap": "3.0.0",
-    "@astrojs/tailwind": "5.0.0",
-    "@fontsource-variable/plus-jakarta-sans": "^5.0.13",
-    "astro": "4.0.9",
-    "sharp": "^0.33.0",
-    "tailwindcss": "^3.3.3"
+    "@astrojs/check": "^0.7.0",
+    "@astrojs/mdx": "^3.0.1",
+    "@astrojs/react": "^3.4.0",
+    "@astrojs/rss": "^4.0.6",
+    "@astrojs/sitemap": "^3.1.5",
+    "@astrojs/tailwind": "^5.1.0",
+    "@fontsource-variable/plus-jakarta-sans": "^5.0.21",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@tailwindcss/typography": "^0.5.13",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "astro": "^4.9.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "simple-icons": "^12.1.0",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.9",
-    "prettier": "^3.1.1",
-    "prettier-plugin-astro": "^0.12.3"
+    "prettier": "^3.3.0",
+    "prettier-plugin-astro": "^0.14.0",
+    "prettier-plugin-tailwindcss": "^0.6.1"
   }
-}
+}

src/components/Footer.astro

@@ -1,33 +1,71 @@
 ---
-import X from "./social-icons/X.astro"; 
-import GitHub from "./social-icons/GitHub.astro"; 
-import Mastodon from "./social-icons/Mastodon.astro"; 
-import type { HTMLAttributes } from "astro/types";
-
-type Props = HTMLAttributes<"div">
+import X from "./social-icons/X.astro";
+import GitHub from "./social-icons/GitHub.astro";
+import Mastodon from "./social-icons/Mastodon.astro";
 ---
 
-<footer {...Astro.props}>
-  <div class="mb-4 flex space-x-3">
-    <a aria-label="X" target="_blank" rel="noreferrer noopener" class="text-neutral-400 hover:text-white" href="https://twitter.com/lukadev_0">
+<footer class="border-t border-t-zinc-800 py-12 text-sm">
+  <div class="mb-6 flex space-x-3">
+    <a
+      aria-label="X"
+      target="_blank"
+      rel="noreferrer noopener"
+      class="text-zinc-400 hover:text-light"
+      href="https://twitter.com/lukadev_0"
+    >
       <X />
     </a>
-    <a aria-label="GitHub" target="_blank" rel="noreferrer noopener" class="text-neutral-400 hover:text-white" href="https://github.com/lukadev-0">
+    <a
+      aria-label="GitHub"
+      target="_blank"
+      rel="noreferrer noopener"
+      class="text-zinc-400 hover:text-light"
+      href="https://github.com/lukadev-0"
+    >
       <GitHub />
     </a>
-    <a aria-label="Mastodon" target="_blank" rel="noreferrer noopener" class="text-neutral-400 hover:text-white" href="https://fosstodon.org/@lukadev">
+    <a
+      aria-label="Mastodon"
+      target="_blank"
+      rel="noreferrer noopener"
+      class="text-zinc-400 hover:text-light"
+      href="https://fosstodon.org/@lukadev"
+    >
       <Mastodon />
     </a>
   </div>
 
-  <p class="text-neutral-400 mb-1">
-    Copyright {new Date().getFullYear()} LukaDev, licensed under the Apache License 2.0.
+  <p class="mb-1 text-zinc-400">
+    copyright {new Date().getFullYear()} lukadev, licensed under the Apache License
+    2.0
+  </p>
+
+  <p class="mb-6 text-zinc-400">
+    website built with <a
+      href="https://astro.build/"
+      target="_blank"
+      rel="noreferrer noopener"
+      class="font-medium text-light underline decoration-zinc-400 underline-offset-4 hover:decoration-light"
+    >
+      Astro
+    </a>, powered by <a
+      href="https://docs.github.com/en/pages"
+      target="_blank"
+      rel="noreferrer noopener"
+      class="underline-zinc-400 font-medium text-light underline decoration-zinc-400 underline-offset-4 hover:decoration-light"
+    >
+      GitHub Pages
+    </a>
   </p>
 
-  <p class="text-neutral-400">
-    Website built with <a href="https://astro.build/" target="_blank" rel="noreferrer noopener" class="text-white font-medium underline underline-offset-4">
-      Astro</a>,
-    powered by <a href="https://docs.github.com/en/pages" target="_blank" rel="noreferrer noopener" class="text-white font-medium underline underline-offset-4">
-      GitHub Pages</a>.
+  <p>
+    <a
+      href="https://github.com/lukadev-0/personal-website"
+      target="_blank"
+      rel="noreferrer noopener"
+      class="underline-zinc-400 font-medium text-light underline decoration-zinc-400 underline-offset-4 hover:decoration-light"
+    >
+      view the source on GitHub</a
+    >
   </p>
 </footer>