Migrate Gatsby to Astro, add ESLint and update build config

Author: BenRoe

.eslintrc

@@ -0,0 +1,39 @@
+name: 🚀 Build and deploy Astro
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch: # Allows manual trigger
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+        with:
+          fetch-depth: 0 # Not needed if lastUpdated is not enabled
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 22
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint code
+        run: npm run analyze
+
+      - name: Build with Astro
+        run: npm run build
+
+      - name: Deploy to dist branch
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+          publish_branch: dist
+          force_orphan: true # Keeps the dist branch clean without history

.github/dependabot.yml

@@ -1,73 +1,24 @@
-# Based on gatsby-starter-default's .gitignore
-# https://github.com/gatsbyjs/gatsby-starter-default/blob/master/.gitignore
+# Astro build output
+dist/
+.astro/
+
+# Dependencies
+node_modules/
 
 # Logs
-logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# dotenv environment variable files
+# Environment variables
 .env*
 
-# gatsby files
-.cache/
-public
-
-# Mac files
+# OS files
 .DS_Store
 
 # Yarn
 yarn-error.log
 .pnp/
 .pnp.js
-
-# Yarn Integrity file
 .yarn-integrity

.github/workflows/deploy.yml

@@ -1,4 +1,8 @@
-.cache
+node_modules
+dist
+.astro
 package.json
 package-lock.json
-public
+.env*
+*.log
+.DS_Store

.gitignore

@@ -0,0 +1,16 @@
+{
+  "printWidth": 100,
+  "semi": true,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "plugins": ["prettier-plugin-astro"],
+  "overrides": [
+    {
+      "files": "*.astro",
+      "options": {
+        "parser": "astro"
+      }
+    }
+  ]
+}

.prettierignore

@@ -0,0 +1,69 @@
+# Keycapsss Link Site
+
+A static site built with Astro and Tailwind CSS. A simple link tree for the Keycapsss mechanical keyboard shop.
+
+## Getting Started
+
+### Prerequisites
+- Node.js 18+ 
+- npm or yarn
+
+### Installation
+
+```bash
+npm install
+```
+
+## Available Scripts
+
+### Development
+- **`npm run dev`** - Start the local development server with hot reload (http://localhost:4321/)
+- **`npm run preview`** - Preview the production build locally before deployment
+
+### Build
+- **`npm run build`** - Create an optimized production build (outputs to `dist/`)
+
+### Code Quality
+
+#### Linting & Formatting
+- **`npm run analyze`** - Run both Prettier and ESLint checks (reports issues without fixing)
+- **`npm run analyze:prettier`** - Check code formatting with Prettier
+- **`npm run analyze:eslint`** - Check code quality with ESLint
+
+#### Auto-fixing
+- **`npm run fix`** - Auto-fix all code formatting and linting issues
+- **`npm run fix:prettier`** - Auto-format code with Prettier
+- **`npm run fix:eslint`** - Auto-fix ESLint violations
+
+## Project Structure
+
+```
+src/
+├── pages/
+│   └── index.astro          # Main landing page
+├── layouts/
+│   └── Layout.astro         # Base layout with styling
+public/
+├── favicon.svg              # SVG favicon
+├── favicon.png              # PNG favicon
+└── keycapsss-logo.svg       # Site logo
+```
+
+## Technologies
+
+- **Framework:** Astro 5.16.5
+- **Styling:** Tailwind CSS 3.0.24
+- **Code Quality:** ESLint + Prettier
+- **Deployment:** Static site (outputs to `dist/`)
+
+## Deployment
+
+This project builds to a `dist/` folder suitable for static hosting (Coolify, Netlify, Vercel, GitHub Pages, etc.).
+
+```bash
+npm run build  # Creates dist/ folder
+```
+
+## License
+
+MIT

.prettierrc.json

@@ -0,0 +1,12 @@
+import { defineConfig } from 'astro/config';
+import tailwind from '@astrojs/tailwind';
+
+export default defineConfig({
+  integrations: [tailwind()],
+  outDir: './dist',
+  vite: {
+    build: {
+      minify: 'terser',
+    },
+  },
+});

README.md

@@ -0,0 +1,32 @@
+import js from "@eslint/js";
+import astro from "eslint-plugin-astro";
+import astroParser from "astro-eslint-parser";
+import tsParser from "@typescript-eslint/parser";
+
+export default [
+  {
+    ignores: ["dist/**", ".astro/**", "node_modules/**"],
+  },
+  js.configs.recommended,
+  ...astro.configs.recommended,
+  {
+    files: ["**/*.astro"],
+    languageOptions: {
+      parser: astroParser,
+      parserOptions: {
+        parser: tsParser,
+        sourceType: "module",
+      },
+    },
+  },
+  {
+    files: ["**/*.js"],
+    languageOptions: {
+      sourceType: "module",
+      globals: {
+        console: "readonly",
+        process: "readonly",
+      },
+    },
+  },
+];