Migrate blog from Gatsby to Astro

.github/workflows/firebase-hosting-branch.yml

@@ -0,0 +1,48 @@
+# Deploy preview to Firebase Hosting for feature branches
+name: Deploy Branch Preview
+
+on:
+  push:
+    branches:
+      - '**'
+      - '!main'
+
+jobs:
+  build_and_preview:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build Astro site
+        run: npm run build
+
+      - name: Deploy to Firebase Hosting Preview Channel
+        uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_TEST_713FA }}'
+          projectId: test-713fa
+          target: aravind-dev
+          expires: 7d
+          channelId: ${{ github.ref_name }}
+        env:
+          FIREBASE_CLI_EXPERIMENTS: webframeworks
+
+      - name: Comment preview URL
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const branchName = context.ref.replace('refs/heads/', '');
+            const previewUrl = `https://aravind-dev--${branchName.replace(/\//g, '-')}-${context.sha.substring(0, 7)}.web.app`;
+            console.log(`Preview URL: ${previewUrl}`);
+            console.log(`Branch: ${branchName}`);

.github/workflows/firebase-hosting-merge.yml

@@ -1,19 +1,32 @@
-# This file was auto-generated by the Firebase CLI
-# https://github.com/firebase/firebase-tools
+# Deploy to Firebase Hosting on merge to main branch
+name: Deploy to Production
 
-name: Deploy to Firebase Hosting on merge
-'on':
+on:
   push:
     branches:
       - main
+
 jobs:
   build_and_deploy:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - run: npm install
-      - run: npm run build
-      - uses: FirebaseExtended/action-hosting-deploy@v0
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build Astro site
+        run: npm run build
+
+      - name: Deploy to Firebase Hosting
+        uses: FirebaseExtended/action-hosting-deploy@v0
         with:
           repoToken: '${{ secrets.GITHUB_TOKEN }}'
           firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_TEST_713FA }}'

.github/workflows/firebase-hosting-pull-request.yml

@@ -1,23 +1,37 @@
-# This file was auto-generated by the Firebase CLI
-# https://github.com/firebase/firebase-tools
+# Deploy preview to Firebase Hosting for Pull Requests
+name: Deploy Preview
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
 
-name: Deploy to Firebase Hosting on commit
-'on': push
 jobs:
   build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - run: |
-          sudo npm install gatsby-cli
-          gatsby -v
-          npm install 
-          gatsby clean 
-          gatsby build
-      - uses: FirebaseExtended/action-hosting-deploy@v0
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build Astro site
+        run: npm run build
+
+      - name: Deploy to Firebase Hosting Preview Channel
+        uses: FirebaseExtended/action-hosting-deploy@v0
         with:
           repoToken: '${{ secrets.GITHUB_TOKEN }}'
           firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_TEST_713FA }}'
           projectId: test-713fa
+          target: aravind-dev
+          expires: 7d
         env:
-          FIREBASE_CLI_PREVIEWS: hostingchannels
+          FIREBASE_CLI_EXPERIMENTS: webframeworks

.gitignore

@@ -54,9 +54,12 @@ typings/
 # dotenv environment variable files
 .env*
 
-# gatsby files
+# gatsby files (legacy)
 .cache/
-public
+
+# astro files
+dist/
+.astro/
 
 # Mac files
 .DS_Store
@@ -70,3 +73,6 @@ yarn-error.log
 
 # firebase
 .firebase/hosting.cHVibGlj.cache
+
+# Claude Code settings
+.claude/

README.md

@@ -1,23 +1,73 @@
 # aravind.dev
 
-Source code for [aravind.dev](https://aravind.dev) blog. 
-This is the [Original Theme Source](https://github.com/taniarascia/taniarascia.com).
+Personal website and blog built with [Astro](https://astro.build).
 
-# Prerequisites 
+## Tech Stack
 
-- Node
-- Gatsby
+- **Framework:** Astro 4
+- **Styling:** Vanilla CSS (Brutalist theme)
+- **Content:** Markdown + Astro components
+- **Deployment:** Firebase Hosting
+- **CI/CD:** GitHub Actions
 
-# Building the project
+## Quick Start
 
-Below command installs all the necessary modules from the 
+```bash
+# Install dependencies
+npm install
+
+# Start dev server (http://localhost:4321)
+npm run dev
 
+# Build for production
+npm run build
+
+# Preview production build
+npm run preview
 ```
-npm install
+
+## Project Structure
+
 ```
+src/
+├── components/astro/   # Reusable components (Nav, Footer)
+├── content/
+│   ├── posts/          # Blog posts (markdown)
+│   └── guides/         # Technical guides (markdown)
+├── layouts/            # Page layouts
+├── pages/              # Routes (index, blog, about, archive)
+└── style.css           # Global styles
 
+public/
+├── images/             # Static images
+└── thumbnails/         # Post thumbnails
 ```
-gatsby develop
+
+## Content
+
+Blog posts and guides are written in Markdown with frontmatter:
+
+```markdown
+---
+title: 'Post Title'
+date: '2024-01-01'
+tags: ['tag1', 'tag2']
+thumbnail: '../thumbnails/image.png'
+---
+
+Content here...
 ```
 
-Please read more about each [plugin](https://www.gatsbyjs.com/plugins/) and about [gatsby](https://www.gatsbyjs.com/docs/quick-start/) further. 
+## Deployment
+
+Push to `main` triggers automatic deployment to Firebase Hosting via GitHub Actions.
+
+**Branch previews:** Push to any branch to get a preview deployment.
+
+## Local Development
+
+The site uses a brutalist design with light/dark mode support. Dark mode styles are in `public/dark.css` and loaded dynamically.
+
+## License
+
+Content is copyrighted. Code is available for reference.

astro.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig } from 'astro/config';
+import sitemap from '@astrojs/sitemap';
+
+// https://astro.build/config
+export default defineConfig({
+  site: 'https://www.aravind.dev',
+  integrations: [
+    sitemap(),
+  ],
+  markdown: {
+    shikiConfig: {
+      theme: 'nord',
+      wrap: true
+    },
+    remarkPlugins: [],
+    rehypePlugins: [],
+  },
+});

firebase.json

@@ -1,17 +1,13 @@
 {
   "hosting": {
-    "public": "public",
+    "public": "dist",
     "target": "aravind-dev",
     "ignore": [
       "firebase.json",
       "**/.*",
       "**/node_modules/**"
     ],
-    "rewrites": [
-      {
-        "source": "**",
-        "destination": "/index.html"
-      }
-    ]
+    "cleanUrls": true,
+    "trailingSlash": false
   }
 }