Getting Started

2020-02-13 post by cieloazul310

Getting Started

インストールとレイアウト

Gatsby Theme Aoi の使い方を説明します。

インストール

Aoi Theme を利用したスターターを使う場合、

gatsby new ${your_project} https://github.com/cieloazul310/gatsby-starter-aoi-theme/
cd ${your_project}

# develop
yarn run develop

# build
yarn run build

# serve
yarn run serve

# format with prettier
yarn run format

もしテーマのみを個別に使いたい場合は、

yarn add gatsby-theme-aoi

レイアウトを使う

最もシンプルな使い方は以下の通り

import * as React from 'react';
import Typography from '@material-ui/core/Typography';
import Layout from 'gatsby-theme-aoi/src/layout';

function Page() {
  return (
    <Layout>
      <Typography variant="h2" gutterBottom>
        Hello, World
      </Typography>
      <Typography paragraph>This is an example for using Gatsby Aoi Theme Layout.</Typography>
    </Layout>
  );
}

export default Page;

Date: 2020-02-13

Category: Tutorial

cieloazul310

It's only football (But I like it!)

記事一覧へ

Gatsby Theme Aoi の紹介

Getting Started part.2

All Posts