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

1
---
2
import Layout from '../layouts/Layout.astro';
3
import Card from '../components/Card.astro';
4
---
5

6
<Layout title="Welcome to Astro.">
7
 <main>
8
  <h1>Welcome to <span class="text-gradient">Astro</span></h1>
9
  <ul role="list" class="link-card-grid">
10
   {[...Array(2)].map((_, i) => (
11
    <Card
12
     href={`https://astro.build/docs/${i === 0 ? '' : i}`}
13
     title={`Documentation ${i === 0 ? '' : i}`}
14
    />
15
   ))}
16
  </ul>
17
 </main>
18
</Layout>
19

20
<style>
21
 main {
22
  margin: auto;
23
  padding: 1.5rem;
24
  max-width: 60ch;
25
 }
26
 h1 {
27
  font-size: 3rem;
28
  font-weight: 800;
29
  margin: 0;
30
 }
31
</style>

1
extends:
2
  - plugin:astro/recommended
3
  - plugin:jsx-a11y/recommended
4
  - plugin:import/recommended
5
  - plugin:import/typescript
6
  - prettier
7
overrides:
8
  - files:
9
      - '*.astro'
10
    parser: astro-eslint-parser
11
    parserOptions:
12
      parser: '@typescript-eslint/parser'
13
      extraFileExtensions:
14
        - .astro
15
    rules: {}
16
  - files:
17
    - '*.svelte'
18
    processor: svelte3/svelte3
19
    parserOptions:
20
      parser: '@typescript-eslint/parser'
21
      extraFileExtensions:
22
        - .svelte
23
    rules: {}
24
  settings:
25
      svelte3/typescript: true
26
parser: '@typescript-eslint/parser'
27
parserOptions:
28
  ecmaVersion: latest
29
  sourceType: module
30
plugins:
31
  - svelte3
32
  - '@typescript-eslint'
33
ignorePatterns:
34
  - './dist/**/*'
35
settings: {}

1
query {
2
  user(login: "oriverk") {
3
    pinnedItems(first: 6) {
4
      nodes {
5
        ... on Repository {
6
          name
7
          description
8
          url
9
          stargazers {
10
            totalCount
11
          }
12
          forkCount
13
        }
14
      }
15
    }
16
    contributionsCollection {
17
      contributionCalendar {
18
        totalContributions
19
        weeks {
20
          contributionDays {
21
            contributionCount
22
            date
23
          }
24
        }
25
      }
26
    }
27
  }
28
}

1
name: continuous-deployment
2
on:
3
  push:
4
    branches:
5
      - main
6
      - dev
7
  schedule:
8
    - cron: "0 2 * * *"
9
  workflow_dispatch:
10

11
jobs:
12
  publish:
13
    runs-on: ubuntu-latest
14
    permissions:
15
      contents: read
16
      deployments: write
17
    name: build and deploy to Cloudflare Pages
18
    steps:
19
      - name: checkout
20
        uses: actions/checkout@v3
21

22
      # Run a build step here if your project requires
23
      - name: setup node
24
        uses: actions/setup-node@v3
25
        with:
26
          node-version: 18
27

28
      - name: install packages and build
29
        run: |
30
          npm install
31
          npm run build
32
        env:
33
          MODE: production
34
          SECRET_GITHUB_PERSONAL_ACCESS_TOKEN: ${{ secrets.SECRET_GITHUB_PERSONAL_ACCESS_TOKEN }}
35
          PUBLIC_GA_MEASUREMENT_ID: ${{ secrets.PUBLIC_GA_MEASUREMENT_ID }}
36

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