WordPressブログのフロントエンドをGatsbyJS + Netlifyで構築する
今までWordPressでブログを運用してきたのだが、HTMLとPHPを絡めたテーマ開発が煩雑で表示速度も遅かったため、フロントエンドにGatsbyJS, Netlify, WP REST APIを導入することで改善した。 あまり時間がない中、ガガガッと移行したので忘れないように備忘録を残しておきたいと思う。 目次 ブログのシステム構成WordPressからデータを取得する準備GraphQLを試すビルド・デプロイ設定ケーススタディ ブログのシステム構成 フロントエンドのソースコードはGithubに置いておき、masterへのプッシュをNetlifyが検知してGatsbyのソースコードを自動ビルドする。 このビルドでWordPressから記事データを引っ張ってきて静的ファイルを生成してくれる。 ビルド後はそのままNetlify上でサイトデータをホスティングという流れになる。 ブログの更新はこ
Custom headers
With custom headers, you can make custom adjustments or additions to the default HTTP headers that Netlify serves with your site when a client makes a request. You can configure custom headers for your Netlify site in two ways: Save a plain text file called _headers to the publish directory of your site. You can find _headers file syntax details below. Add one or more headers tables to your Netlif
Netlifyは最強の静的ウェブサイトホスティングサービスかもしれない - yoshidashingo
セクションナイン の 吉田真吾（@yoshidashingo）です。 ドキュメントページやブログ、企業サイトまで、静的サイトジェネレーター(Static Site Generator)でコンテンツ生成し、GitHub PagesやS3から配信をするのが一般的になりました。 逐次サーバー側で動的にリソースを生成する負担がないので、アクセス数に比例したスケール管理がしやすく、配信事業者はコンテンツサイズやトラフィック量に応じて単純な課金モデルが提供できるというのが大きい特徴でしょう。 私も、ServerlessConf Tokyoや自社のサイトでHugoを使って生成したコンテンツをAmazon S3から配信しており、Webサーバーを管理する手間がかからずとても楽に使っています。 静的サイトジェネレーターとは 静的サイトジェネレータのメリット 静的サイトジェネレーターを使ったサイト開発のワークフ
高機能ホスティングサービスNetlifyについて調べて使ってみた - Qiita
はじめに Netlify Netlifyは静的なサイトを超高速で提供できるWebサービスです。先日210万ドルの出資を受け話題になりました。わずか3ステップでおしゃれなサイトが作成できるとのことです。本記事の前半ではNetlifyの特徴を軽くまとめ、後半は実際にNetlifyを利用してサイトを作成してみます。 Netlifyの特徴 詳細は公式ドキュメントにあります。今回はその中から一部を抜粋して紹介します。 ビルド、デプロイ、ホスティングの全て Netlifyはフロントエンドのビルド、デプロイ、ホスティングの全てを行います。単純な静的サイトのデプロイであれば下記の3行をコマンドラインに打ち込むだけでできます。 また、NetlifyはGitHubリポジトリとリンクし、GitHubリポジトリにプッシュがある度にgruntやgulpを介したビルドをしたうえでサイトをデプロイしてくれます。 これら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SSR無しでReactアプリをOGPとかに対応させる (Netlify編) - Qiita