AstroとSvelteでStaticサイトを作って、GitHub Actions で定期的に情報を取得更新するようにした

---
import Layout from '../layouts/Layout.astro';
import Card from '../components/Card.astro';
---

<Layout title="Welcome to Astro.">
 <main>
  <h1>Welcome to <span class="text-gradient">Astro</span></h1>
  <ul role="list" class="link-card-grid">
   {[...Array(2)].map((_, i) => (
    <Card
     href={`https://astro.build/docs/${i === 0 ? '' : i}`}
     title={`Documentation ${i === 0 ? '' : i}`}
    />
   ))}
  </ul>
 </main>
</Layout>

<style>
 main {
  margin: auto;
  padding: 1.5rem;
  max-width: 60ch;
 }
 h1 {
  font-size: 3rem;
  font-weight: 800;
  margin: 0;
 }
</style>

extends:
  - plugin:astro/recommended
  - plugin:jsx-a11y/recommended
  - plugin:import/recommended
  - plugin:import/typescript
  - prettier
overrides:
  - files:
      - '*.astro'
    parser: astro-eslint-parser
    parserOptions:
      parser: '@typescript-eslint/parser'
      extraFileExtensions:
        - .astro
    rules: {}
  - files:
    - '*.svelte'
    processor: svelte3/svelte3
    parserOptions:
      parser: '@typescript-eslint/parser'
      extraFileExtensions:
        - .svelte
    rules: {}
  settings:
      svelte3/typescript: true
parser: '@typescript-eslint/parser'
parserOptions:
  ecmaVersion: latest
  sourceType: module
plugins:
  - svelte3
  - '@typescript-eslint'
ignorePatterns:
  - './dist/**/*'
settings: {}

query {
  user(login: "oriverk") {
    pinnedItems(first: 6) {
      nodes {
        ... on Repository {
          name
          description
          url
          stargazers {
            totalCount
          }
          forkCount
        }
      }
    }
    contributionsCollection {
      contributionCalendar {
        totalContributions
        weeks {
          contributionDays {
            contributionCount
            date
          }
        }
      }
    }
  }
}

name: continuous-deployment
on:
  push:
    branches:
      - main
      - dev
  schedule:
    - cron: "0 2 * * *"
  workflow_dispatch:

jobs:
  publish:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
    name: build and deploy to Cloudflare Pages
    steps:
      - name: checkout
        uses: actions/checkout@v3

      # Run a build step here if your project requires
      - name: setup node
        uses: actions/setup-node@v3
        with:
          node-version: 18

      - name: install packages and build
        run: |
          npm install
          npm run build
        env:
          MODE: production
          SECRET_GITHUB_PERSONAL_ACCESS_TOKEN: ${{ secrets.SECRET_GITHUB_PERSONAL_ACCESS_TOKEN }}
          PUBLIC_GA_MEASUREMENT_ID: ${{ secrets.PUBLIC_GA_MEASUREMENT_ID }}

      - name: deploy to Cloudflare Pages
        uses: cloudflare/pages-action@v1
        with:
          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
          projectName: astro-site
          directory: dist