update info

Author: ivikramsahu

.github/workflows/deploy.yml

@@ -0,0 +1,52 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+      - master
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

astro.config.mjs

@@ -2,6 +2,8 @@ import { defineConfig } from 'astro/config';
 import tailwind from '@astrojs/tailwind';
 
 export default defineConfig({
+  site: 'https://ivikramsahu.github.io',
+  trailingSlash: 'always',
   integrations: [
     tailwind({
       applyBaseStyles: false,

src/layouts/BaseLayout.astro

@@ -142,7 +142,7 @@ const metaDescription = description ?? 'Writing and notes.';
             Blog
           </a>
           <a
-            href="/about"
+            href="/about/"
             class="no-underline text-zinc-700 hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-white"
           >
             About

src/pages/index.astro

@@ -79,7 +79,7 @@ function renderInlineCode(input: string) {
 
         return (
           <a
-            href={`/blog/${post.slug}`}
+            href={`/blog/${post.slug}/`}
             class="block p-[30px] no-underline hover:bg-zinc-50 dark:hover:bg-zinc-800"
           >
             <div class="space-y-4">
@@ -161,7 +161,7 @@ function renderInlineCode(input: string) {
                 Prev
               </span>
               <a
-                href="/page/2"
+                href="/page/2/"
                 class="rounded-lg border border-zinc-200 px-3 py-2 text-sm text-zinc-700 no-underline hover:bg-zinc-50 dark:border-zinc-800 dark:text-zinc-200 dark:hover:bg-zinc-900"
               >
                 Next

src/pages/page/[page].astro

@@ -35,8 +35,8 @@ const start = (currentPage - 1) * pageSize;
 const pagePosts = posts.slice(start, start + pageSize);
 
 const prevHref =
-  currentPage <= 1 ? null : currentPage === 2 ? '/' : `/page/${currentPage - 1}`;
-const nextHref = currentPage >= totalPages ? null : `/page/${currentPage + 1}`;
+  currentPage <= 1 ? null : currentPage === 2 ? '/' : `/page/${currentPage - 1}/`;
+const nextHref = currentPage >= totalPages ? null : `/page/${currentPage + 1}/`;
 
 function estimateReadTimeMinutes(text: string) {
   const words = text.split(/\s+/).filter(Boolean).length;
@@ -104,7 +104,7 @@ function renderInlineCode(input: string) {
 
         return (
           <a
-            href={`/blog/${post.slug}`}
+            href={`/blog/${post.slug}/`}
             class="block p-[30px] no-underline hover:bg-zinc-50 dark:hover:bg-zinc-800"
           >
             <div class="space-y-4">