Gatsby → Astro

.config/astro.config.ts

@@ -0,0 +1,55 @@
+import { defineConfig } from 'astro/config'
+import remarkLeadParagraph from '../src/lib/remark-lead-paragraph'
+import remarkToc from '../src/lib/remark-toc'
+import react from '@astrojs/react'
+import sitemap from '@astrojs/sitemap'
+import expressiveCode from 'astro-expressive-code'
+import redirects from './redirects.json'
+import config from './blog.config'
+
+// https://astro.build/config
+export default defineConfig({
+  site: config.siteUrl,
+  output: 'static',
+  cacheDir: '.astro',
+  markdown: {
+    remarkPlugins: [remarkLeadParagraph, remarkToc as any],
+    shikiConfig: {
+      // https://github.com/shikijs/shiki/blob/main/docs/themes.md
+      theme: 'nord',
+      langs: [],
+      wrap: true
+    }
+  },
+  server: { host: true },
+  redirects,
+  vite: {
+    resolve: {
+      // for making content -> src/content symlink work
+      // https://www.eliostruyf.com/symlink-content-astro-portability/#fix-the-content-issues
+      preserveSymlinks: true
+    }
+  },
+  integrations: [
+    react(),
+    expressiveCode({
+      theme: 'nord',
+      // https://github.com/expressive-code/expressive-code/blob/ad08cf74095b30055e841d59497990fade634c86/packages/%40expressive-code/core/src/common/core-styles.ts
+      styleOverrides: {
+        borderRadius: 'var(--border-radius)',
+        borderWidth: 'var(--border-width)',
+        uiFontFamily: 'var(--font-family-monospace)',
+        uiFontSize: 'var(--font-size-mini)',
+        codeFontFamily: 'var(--font-family-monospace)',
+        codeFontSize: '0.8rem'
+      }
+    }),
+    sitemap({
+      filter: (page) =>
+        !page.includes('page/') &&
+        !page.includes('tags/') &&
+        !page.includes('archive/') &&
+        !page.includes('404')
+    })
+  ]
+})

.config/aws_redirects.xml

@@ -0,0 +1,74 @@
+<!-- 
+    AWS S3 routing rules for old content
+    needs to be manually added to S3 bucket
+-->
+<RoutingRules>
+  <RoutingRule>
+    <Condition>
+      <KeyPrefixEquals>lab/</KeyPrefixEquals>
+    </Condition>
+    <Redirect>
+      <HostName>lab.kremalicious.com</HostName>
+      <ReplaceKeyWith></ReplaceKeyWith>
+    </Redirect>
+  </RoutingRule>
+  <RoutingRule>
+    <Condition>
+      <KeyPrefixEquals>lab</KeyPrefixEquals>
+    </Condition>
+    <Redirect>
+      <HostName>lab.kremalicious.com</HostName>
+      <ReplaceKeyWith></ReplaceKeyWith>
+    </Redirect>
+  </RoutingRule>
+  <RoutingRule>
+    <Condition>
+      <KeyPrefixEquals>csspaperstack/</KeyPrefixEquals>
+    </Condition>
+    <Redirect>
+      <HostName>lab.kremalicious.com</HostName>
+    </Redirect>
+  </RoutingRule>
+  <RoutingRule>
+    <Condition>
+      <KeyPrefixEquals>csspaperstack</KeyPrefixEquals>
+    </Condition>
+    <Redirect>
+      <HostName>lab.kremalicious.com</HostName>
+    </Redirect>
+  </RoutingRule>
+  <RoutingRule>
+    <Condition>
+      <KeyPrefixEquals>download/</KeyPrefixEquals>
+    </Condition>
+    <Redirect>
+      <ReplaceKeyPrefixWith>media/</ReplaceKeyPrefixWith>
+    </Redirect>
+  </RoutingRule>
+  <RoutingRule>
+    <Condition>
+      <KeyPrefixEquals>feed/</KeyPrefixEquals>
+    </Condition>
+    <Redirect>
+      <ReplaceKeyPrefixWith>feed.xml</ReplaceKeyPrefixWith>
+    </Redirect>
+  </RoutingRule>
+  <RoutingRule>
+    <Condition>
+      <KeyPrefixEquals>portfolio/</KeyPrefixEquals>
+    </Condition>
+    <Redirect>
+      <HostName>matthiaskretschmann.com</HostName>
+      <ReplaceKeyWith></ReplaceKeyWith>
+    </Redirect>
+  </RoutingRule>
+  <RoutingRule>
+    <Condition>
+      <KeyPrefixEquals>portfolio</KeyPrefixEquals>
+    </Condition>
+    <Redirect>
+      <HostName>matthiaskretschmann.com</HostName>
+      <ReplaceKeyWith></ReplaceKeyWith>
+    </Redirect>
+  </RoutingRule>
+</RoutingRules>

.config/blog.config.ts

@@ -0,0 +1,41 @@
+export default {
+  siteTitle: 'kremalicious',
+  siteDescription: 'Blog of designer & developer Matthias Kretschmann',
+  siteUrl: 'https://kremalicious.com',
+  author: {
+    name: 'Matthias Kretschmann',
+    email: 'm@kretschmann.io',
+    url: 'https://matthiaskretschmann.com',
+    twitter: 'https://twitter.com/kremalicious',
+    mastodon: 'https://mas.to/@krema',
+    github: 'https://github.com/kremalicious',
+    bitcoin: '171qDmKEXm9YBgBLXyGjjPvopP5o9htQ1V',
+    ether: '0xf50F267b5689b005FE107cfdb34619f24c014457'
+  },
+  rss: '/feed.xml',
+  jsonfeed: '/feed.json',
+  itemsPerPage: 30,
+  repoContentPath: 'https://github.com/kremalicious/blog/tree/main/content',
+  menu: [
+    {
+      title: 'Articles',
+      link: '/archive'
+    },
+    {
+      title: 'Photos',
+      link: '/photos'
+    },
+    {
+      title: 'Goodies',
+      link: '/tags/goodies'
+    },
+    {
+      title: 'Tags',
+      link: '/tags'
+    },
+    {
+      title: '/Uses',
+      link: '/uses'
+    }
+  ]
+}

.env.sample

@@ -1,7 +1,7 @@
 GITHUB_TOKEN=xxx
-GATSBY_MAPBOX_ACCESS_TOKEN=xxx
-GATSBY_TYPEKIT_ID=xxx
-GATSBY_UMAMI_SCRIPT_URL=xxx
-GATSBY_UMAMI_WEBSITE_ID=xxx
-GATSBY_INFURA_ID=xxx
-GATSBY_WALLETCONNECT_ID="xxx"
+PUBLIC_MAPBOX_ACCESS_TOKEN=xxx
+PUBLIC_TYPEKIT_ID=xxx
+PUBLIC_UMAMI_SCRIPT_URL=xxx
+PUBLIC_UMAMI_WEBSITE_ID=xxx
+PUBLIC_INFURA_ID=xxx
+PUBLIC_WALLETCONNECT_ID="xxx"

.eslintrc.json

@@ -0,0 +1,54 @@
+{
+  "root": true,
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "ecmaFeatures": { "jsx": true },
+    "project": "./tsconfig.json",
+    "tsconfigRootDir": "./"
+  },
+  "plugins": ["@typescript-eslint"],
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:astro/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-explicit-any": "off"
+  },
+  "settings": { "react": { "version": "detect" } },
+  "overrides": [
+    {
+      // Define the configuration for `.astro` file.
+      "files": ["*.astro"],
+      // Allows Astro components to be parsed.
+      "parser": "astro-eslint-parser",
+      // Parse the script in `.astro` as TypeScript by adding the following configuration.
+      // It's the setting you need when using TypeScript.
+      "parserOptions": {
+        "parser": "@typescript-eslint/parser",
+        "extraFileExtensions": [".astro"]
+      },
+      "rules": {
+        // override/add rules settings here, such as:
+        // "astro/no-set-html-directive": "error"
+      }
+    },
+    {
+      "files": ["**/?(*.)+(spec|test).[jt]sx"],
+      "extends": ["plugin:testing-library/react"],
+      "rules": {
+        "testing-library/no-node-access": "off",
+        "testing-library/no-container": "off"
+      }
+    }
+  ]
+}