「はじめてつくるJamstackサイト with ヘッドレスCMS」の感想・備忘録

posted with ヨメレバ

Amazonで見る

Kindleで見る

点数

55点

感想

Gatsbyを使って静的サイトを生成するという内容だった。

ContentfulとNetlifyを使って静的サイトを運用する、というのが実用的ではないと感じた。

そのため、残念ながら本書の内容はあまり有用ではないと思う。

環境構築

1. npm init npm install gatsby-cli
2. npx gatsby new jamstack-site
3. cd jamstack-site
4. srcディレクトリ配下のimages/gatsby-icon.pngとpages/index.js以外のファイルを全て削除
5. gatsby-node.jsの中身のコードを削除
6. npx gatsby clean
   .cacheと.publicが削除される。
7. pages/index.jsを修正
8. npx gatsby develop
   http://localhost:8000で確認可能

import * as React from "react"

const Index = () => {
  return (
    <h1>hello</h1>
  )
}
export default Index

リンク

1. pages/blog.jsを作成
2. <Link to="リンク先">ラベル</Link>でリンクを挿入

import * as React from "react"
import { Link } from "gatsby"
import './style.css'

const Blog = () => {
  return (
    <>
      <h1>blog</h1>
      <Link to="/">home</Link>
    </>
  )
}
export default Blog