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

点数

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

コメント

タイトルとURLをコピーしました