見出し画像

最近よく聞くJamStackって何？

ちゃる＠駆け出しWebデザイナー💻エンジニア

こんにちは、ちゃるです😀
今日は最近よく見かけるJamStackというものについて調べてみました！

JamStackとは

JamStackとは、静的ウェブサイトやアプリケーションの構築に使用される技術スタックのことです。JamStackは、JavaScript、APIs、およびマークアップの3つの単語からなる言葉で、その名前の通り、JavaScriptを使用したAPIとマークアップを組み合わせて構築されます。

JamStackを使用した実装例として、Gatsby.jsがあります。Gatsby.jsは、React.jsを使用した静的サイトジェネレーターで、JamStackアプローチを採用しています。Gatsby.jsを使用すると、データを抽出してマークアップに変換することで、高速でスケーラブルな静的サイトやアプリケーションを構築することができます。

Gatsby.jsとは

Gatsby.jsは、React.jsを使用した静的サイトジェネレーターです。Gatsby.jsは、高速でスケーラブルな静的サイトやアプリケーションを構築することができるため、JamStackアプローチを採用しています。Gatsby.jsを使用すると、データを抽出してマークアップに変換することで、簡単に静的サイトやアプリケーションを構築することができます。

Gatsby.jsを使用してサイトを構築する場合、次のようなコードのようになります。

import React from 'react'
import { Link } from 'gatsby'

const Home = () => (
  <div>
    <h1>Welcome to my site!</h1>
    <Link to="/about/">Learn more about me</Link>
  </div>
)

export default Home

このコードは、Gatsby.jsを使用して、React.jsを用いています。また、Linkコンポーネントを使用して、他のページへのリンクを作成しています。Gatsby.jsを使用することで、静的サイトやアプリケーションを簡単に構築することができます。

Kindleなら解説書も安くで買えるので勉強してみようかな🤔

サポートをいただいたらスクールに通ったり参考書を買ったりしたいと思います。支援をお待ちしています😀

この記事が気に入ったらサポートをしてみませんか？