Brunch

Brunch ↗ は、シンプルな宣言的設定とシームレスな増分コンパイルで、高速に開発できるフロントエンド Web アプリケーション向けのビルドツールです。

まず、Brunch をインストールします。

npm install -g brunch

Brunch はコミュニティ提供の スケルトン ↗ を用意しており、プロジェクトのひな形として使えます。推奨の es6 スケルトンを brunch new コマンドで実行します。

brunch new proj -s es6

すべてのフレームワークガイドは、Git ↗ の基本的な理解があることを前提としています。Git を初めて使う場合は、この Git ハンドブックの要約 ↗ で、ローカルマシンへの Git のセットアップ方法を確認してください。

SSH でクローンする場合は、GitHub に対して push または pull する各コンピューターで SSH キーを生成 ↗ する必要があります。

詳細は GitHub のドキュメント ↗ と Git のドキュメント ↗ を参照してください。

repo.new ↗ にアクセスして、新しい GitHub リポジトリを作成します。作成後、新しく作ったプロジェクトディレクトリに移動します。次のコマンドをターミナルで実行して、ローカルアプリケーションを GitHub へプッシュします。

git init
git remote add origin https://github.com/<your-gh-username>/<repository-name>
git add .
git commit -m "Initial commit"
git branch -M main
git push -u origin main

サイトを Pages にデプロイするには、次の手順を実行します。

1. Cloudflare ダッシュボードで Workers & Pages ページを開きます。

   Workers & Pages を開く ↗

2. Create application を選びます。

3. Pages タブを選びます。

4. Import an existing Git repository を選びます。

5. 作成した新しい GitHub リポジトリを選び、Begin setup を選びます。

6. Set up builds and deployments セクションで、次の情報を入力します。

Cloudflare Pages への初回サイトデプロイの手順は、はじめに を参照してください。

サイトをデプロイすると、プロジェクト専用の *.pages.dev サブドメインが割り当てられます。

Brunch サイトに新しいコードをコミットするたびに、Cloudflare Pages はプロジェクトを自動で再ビルドしてデプロイします。新しいプルリクエストでは プレビューデプロイ も利用できるので、本番に出す前に変更後の見た目を確認できます。

このガイドを完了すると、Brunch サイトを Cloudflare Pages にデプロイできています。ほかのフレームワークを始めるには、Framework ガイドの一覧 を参照してください。