feat: move to nuxt

.github/workflows/continuous-deployment.yml

@@ -51,24 +51,24 @@ jobs:
         id: deployment
         uses: actions/deploy-pages@v1
 
-  build-index:
-    needs: deploy
-    runs-on: ubuntu-latest
-    name: Build search index and push it to Algolia
-    steps:
-      - name: Checkout your repository using git
-        uses: actions/checkout@v3
+  # build-index:
+  #   needs: deploy
+  #   runs-on: ubuntu-latest
+  #   name: Build search index and push it to Algolia
+  #   steps:
+  #     - name: Checkout your repository using git
+  #       uses: actions/checkout@v3
 
-      - name: Install dependencies
-        run: npm install
+  #     - name: Install dependencies
+  #       run: npm install
 
-      - name: Create index file
-        run: node index-posts.js
+  #     - name: Create index file
+  #       run: node index-posts.js
 
-      - name: Update index.json To Algolia
-        run: npx atomic-algolia
-        env:
-          ALGOLIA_APP_ID: ${{ secrets.ALGOLIA_APP_ID }}
-          ALGOLIA_ADMIN_KEY: ${{ secrets.ALGOLIA_ADMIN_KEY }}
-          ALGOLIA_INDEX_NAME: index.json
-          ALGOLIA_INDEX_FILE: ./dist/index.json
+  #     - name: Update index.json To Algolia
+  #       run: npx atomic-algolia
+  #       env:
+  #         ALGOLIA_APP_ID: ${{ secrets.ALGOLIA_APP_ID }}
+  #         ALGOLIA_ADMIN_KEY: ${{ secrets.ALGOLIA_ADMIN_KEY }}
+  #         ALGOLIA_INDEX_NAME: index.json
+  #         ALGOLIA_INDEX_FILE: ./dist/index.json

.gitignore

@@ -1,19 +1,24 @@
-# build output
-dist/
-.output/
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
 
-# dependencies
-node_modules/
+# Node dependencies
+node_modules
 
-# logs
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
+# Logs
+logs
+*.log
 
-# environment variables
-.env
-.env.production
-
-# macOS-specific files
+# Misc
 .DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

README.md

@@ -1,57 +1,75 @@
-# Nir Galon's Private Website & Blog
+# Nuxt 3 Minimal Starter
 
-[![CC BY 4.0](https://img.shields.io/badge/License-CC%20BY%204.0-blue.svg)](http://creativecommons.org/licenses/by/4.0/) ![Continuous Deployment](https://github.com/nirgn975/stories-of-a-lifelong-student/workflows/Continuous%20Deployment/badge.svg?branch=main) [![Donate](https://img.shields.io/badge/PayPal-Donate-lightgrey.svg)](https://www.paypal.me/nirgn/2)
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 
-> This is my private website, which contains the fifth iteration of my blog ("Stories of a Lifelong Student"). I always wanted to open source as much as I can in my blog, and when I decided to rebuilt and redesign it, it was the perfect chance to move to GitHub and open source the code, the images, the posts themselves, and especially my process.
->
-> All of the posts are written by me, but I'm more then happy to receive some PRs to correct my grammar, a misleading information, an update to something, or basically everything!
->
-> All the things I write in this blog are my own thoughts and personal experiments. I'm not responsible for anything you might try to do, and not encourages anything that is not within the law. All the info in the posts are for learning and expanding horizons only!
->
-> The posts are usually about computer science (data structures, algorithms, computer networks, operating system, and machine learning), open source (linux, git, code contribution), software development (programming, programming languages, frameworks, design patterns, and architecture), security information (pen testing and whitehat hacking), android and reverse engineering.
+## Setup
 
-## 🚀 Getting Started
+Make sure to install the dependencies:
 
-1. [Nodejs & npm](https://nodejs.org)
-2. [Astro](https://astro.build)
+```bash
+# npm
+npm install
 
-## 🏗️ Project Structure
+# pnpm
+pnpm install
 
-Inside of your Astro project, you'll see the following folders and files:
+# yarn
+yarn install
 
+# bun
+bun install
 ```
-/
-├── public/
-│   └── favicon.svg
-├── src/
-│   ├── components/
-│   │   └── Card.astro
-│   ├── layouts/
-│   │   └── Layout.astro
-│   └── pages/
-│       └── index.astro
-└── package.json
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
 ```
 
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
+## Production
 
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
+Build the application for production:
 
-Any static assets, like images, can be placed in the `public/` directory.
+```bash
+# npm
+npm run build
 
-## 🧞 Commands
+# pnpm
+pnpm run build
 
-All commands are run from the root of the project, from a terminal:
+# yarn
+yarn build
 
-| Command                | Action                                             |
-| :--------------------- | :------------------------------------------------- |
-| `npm install`          | Installs dependencies                              |
-| `npm run dev`          | Starts local dev server at `localhost:3000`        |
-| `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 preview` |
-| `npm run astro --help` | Get help using the Astro CLI                       |
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
 
-## 👀 Want to help?
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
 
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.config.ts

@@ -0,0 +1,5 @@
+export default defineAppConfig({
+  ui: {
+    primary: "zinc",
+  },
+});

app.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+const route = useRoute();
+useSeoMeta({
+  ogSiteName: `Nir Galon Portfolio${route.meta.title ? ` | ${route.meta.title}` : ""}`,
+  title: `Nir Galon Portfolio${route.meta.title ? ` | ${route.meta.title}` : ""}`,
+  ogTitle: `Nir Galon Portfolio${route.meta.title ? ` | ${route.meta.title}` : ""}`,
+  // description: "The power of people intelligence at your fingertip.",
+  // ogDescription: "The power of people intelligence at your fingertip.",
+  // ogImage: "https://datalead.ai/social-banner.webp",
+  ogImageAlt: "Nir Galon Portfolio logo",
+  ogUrl: "https://nir.galons.io",
+
+  twitterCard: "summary_large_image",
+  // twitterImage: "https://datalead.ai/social-banner.webp",
+  twitterSite: "@nirgn975",
+  twitterCreator: "@nirgn975",
+});
+
+useHead({
+  link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
+});
+</script>
+
+<template>
+  <NuxtLayout />
+</template>
+
+<style>
+html {
+  font-family: "Helvetica Neue", sans-serif !important;
+  @apply h-full scroll-smooth;
+}
+
+body,
+#__nuxt {
+  @apply h-full bg-zinc-50 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-400;
+}
+</style>

components/AppFooter.vue

@@ -0,0 +1,64 @@
+<script setup lang="ts">
+const today = new Date();
+</script>
+
+<template>
+  <div class="py-10 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8">
+    <div class="flex justify-center space-x-6 md:order-2">
+      <a href="https://github.com/nirgn975" class="fill-zinc-600 hover:fill-zinc-900 dark:fill-zinc-400 hover:dark:fill-zinc-300">
+        <span class="sr-only">GitHub</span>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="h-6 w-6">
+          <path
+            d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
+          />
+        </svg>
+      </a>
+
+      <a href="https://twitter.com/nirgn975" class="fill-zinc-600 hover:fill-zinc-900 dark:fill-zinc-400 hover:dark:fill-zinc-300">
+        <span class="sr-only">Twitter</span>
+        <i class="fa-brands fa-twitter h-6 w-6"></i>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="h-6 w-6">
+          <path
+            d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
+          />
+        </svg>
+      </a>
+
+      <a href="https://linkedin.com/in/nirgn" class="fill-zinc-600 hover:fill-zinc-900 dark:fill-zinc-400 hover:dark:fill-zinc-300">
+        <span class="sr-only">LinkedIn</span>
+        <i class="fa-brands fa-linkedin h-6 w-6"></i>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="h-6 w-6">
+          <path
+            d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
+          />
+        </svg>
+      </a>
+
+      <a href="https://stackoverflow.com/users/2040160/nirgn" class="fill-zinc-600 hover:fill-zinc-900 dark:fill-zinc-400 hover:dark:fill-zinc-300">
+        <span class="sr-only">Stack Overflow</span>
+        <i class="fa-brands fa-stack-overflow h-6 w-6"></i>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="h-6 w-6">
+          <path
+            d="M290.7 311L95 269.7 86.8 309l195.7 41zm51-87L188.2 95.7l-25.5 30.8 153.5 128.3zm-31.2 39.7L129.2 179l-16.7 36.5L293.7 300zM262 32l-32 24 119.3 160.3 32-24zm20.5 328h-200v39.7h200zm39.7 80H42.7V320h-40v160h359.5V320h-40z"
+          />
+        </svg>
+      </a>
+
+      <a href="http://www.meetup.com/members/52111382" class="fill-zinc-600 hover:fill-zinc-900 dark:fill-zinc-400 hover:dark:fill-zinc-300">
+        <span class="sr-only">Meetup</span>
+        <i class="fa-brands fa-meetup h-6 w-6"></i>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="h-6 w-6">
+          <path
+            d="M99 414.3c1.1 5.7-2.3 11.1-8 12.3-5.4 1.1-10.9-2.3-12-8-1.1-5.4 2.3-11.1 7.7-12.3 5.4-1.2 11.1 2.3 12.3 8zm143.1 71.4c-6.3 4.6-8 13.4-3.7 20 4.6 6.6 13.4 8.3 20 3.7 6.3-4.6 8-13.4 3.4-20-4.2-6.5-13.1-8.3-19.7-3.7zm-86-462.3c6.3-1.4 10.3-7.7 8.9-14-1.1-6.6-7.4-10.6-13.7-9.1-6.3 1.4-10.3 7.7-9.1 14 1.4 6.6 7.6 10.6 13.9 9.1zM34.4 226.3c-10-6.9-23.7-4.3-30.6 6-6.9 10-4.3 24 5.7 30.9 10 7.1 23.7 4.6 30.6-5.7 6.9-10.4 4.3-24.1-5.7-31.2zm272-170.9c10.6-6.3 13.7-20 7.7-30.3-6.3-10.6-19.7-14-30-7.7s-13.7 20-7.4 30.6c6 10.3 19.4 13.7 29.7 7.4zm-191.1 58c7.7-5.4 9.4-16 4.3-23.7s-15.7-9.4-23.1-4.3c-7.7 5.4-9.4 16-4.3 23.7 5.1 7.8 15.6 9.5 23.1 4.3zm372.3 156c-7.4 1.7-12.3 9.1-10.6 16.9 1.4 7.4 8.9 12.3 16.3 10.6 7.4-1.4 12.3-8.9 10.6-16.6-1.5-7.4-8.9-12.3-16.3-10.9zm39.7-56.8c-1.1-5.7-6.6-9.1-12-8-5.7 1.1-9.1 6.9-8 12.6 1.1 5.4 6.6 9.1 12.3 8 5.4-1.5 9.1-6.9 7.7-12.6zM447 138.9c-8.6 6-10.6 17.7-4.9 26.3 5.7 8.6 17.4 10.6 26 4.9 8.3-6 10.3-17.7 4.6-26.3-5.7-8.7-17.4-10.9-25.7-4.9zm-6.3 139.4c26.3 43.1 15.1 100-26.3 129.1-17.4 12.3-37.1 17.7-56.9 17.1-12 47.1-69.4 64.6-105.1 32.6-1.1.9-2.6 1.7-3.7 2.9-39.1 27.1-92.3 17.4-119.4-22.3-9.7-14.3-14.6-30.6-15.1-46.9-65.4-10.9-90-94-41.1-139.7-28.3-46.9.6-107.4 53.4-114.9C151.6 70 234.1 38.6 290.1 82c67.4-22.3 136.3 29.4 130.9 101.1 41.1 12.6 52.8 66.9 19.7 95.2zm-70 74.3c-3.1-20.6-40.9-4.6-43.1-27.1-3.1-32 43.7-101.1 40-128-3.4-24-19.4-29.1-33.4-29.4-13.4-.3-16.9 2-21.4 4.6-2.9 1.7-6.6 4.9-11.7-.3-6.3-6-11.1-11.7-19.4-12.9-12.3-2-17.7 2-26.6 9.7-3.4 2.9-12 12.9-20 9.1-3.4-1.7-15.4-7.7-24-11.4-16.3-7.1-40 4.6-48.6 20-12.9 22.9-38 113.1-41.7 125.1-8.6 26.6 10.9 48.6 36.9 47.1 11.1-.6 18.3-4.6 25.4-17.4 4-7.4 41.7-107.7 44.6-112.6 2-3.4 8.9-8 14.6-5.1 5.7 3.1 6.9 9.4 6 15.1-1.1 9.7-28 70.9-28.9 77.7-3.4 22.9 26.9 26.6 38.6 4 3.7-7.1 45.7-92.6 49.4-98.3 4.3-6.3 7.4-8.3 11.7-8 3.1 0 8.3.9 7.1 10.9-1.4 9.4-35.1 72.3-38.9 87.7-4.6 20.6 6.6 41.4 24.9 50.6 11.4 5.7 62.5 15.7 58.5-11.1zm5.7 92.3c-10.3 7.4-12.9 22-5.7 32.6 7.1 10.6 21.4 13.1 32 6 10.6-7.4 13.1-22 6-32.6-7.4-10.6-21.7-13.5-32.3-6z"
+          />
+        </svg>
+      </a>
+    </div>
+    <div class="mt-8 md:order-1 md:mt-0">
+      <p class="text-center text-base text-zinc-600 dark:text-zinc-400">
+        &copy; 2012 - {{ today.getFullYear() }} Nir Galon |
+        <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" class="hover:text-zinc-800 dark:hover:text-zinc-300">CC BY-NC 4.0</a>
+      </p>
+    </div>
+  </div>
+</template>