【Netlify編】Nuxt.js + Contentful + NetlifyでSPAブログを自作する - Qiita
Netlifyの設定 ※2018年8月19日現在の設定方法となります まずは公式サイトからユーザー登録しましょう。 「New site from Git」から新しいサイトを作成します。 GitプロバイダからGitHuBを選択し、リポジトリを選択します。 デプロイ用のブランチはこだわりがなければmasterでよいかと。 Build commandはnpm run generateです。これはNuxt.jsが静的サイトを作成するためのコマンドで、デフォルトだと/distディレクトリにファイルを吐いていきます。(ちなみにですが、yarnも使えました) まだデプロイボタンは押さないでください！ 環境変数の設定 デプロイの前にShow advancedで環境変数の設定をする必要があります。 「show advanced」のボタンをクリックするとフォームが展開し、環境変数が設定できるようになります。
【Contentful編】モダンな感じのSPAブログを自作する - Qiita
はじめに Nuxt.jsとContentfulとNetlifyでモダンな（？）SPAブログを作りました。こちら 何回かにわけて構築の記録を残しているシリーズの第３回です。 前回つくったSPAブログを、APIベースのCMS「Contentful」に対応させていきます。 【シリーズの予定】 まえがき編 Nuxt.js編 Contentful編 ← この記事 Netlify編 事前情報 Contentfulの構造 ContentfulはユーザーごとにSpace、Content Model、Entryという構造を持っていて、それぞれにIDが割り振られています。 Space以下を複数のユーザーで共有することもできるみたいですが、一人で使用する場合は、以下のような階層構造だと思ってもらえればいいかと。 セットアップ ユーザー登録 まずはこちらからユーザー登録をしましょう。GitHubアカウントも使えま
【まえがき編】Nuxt.js + Contentful + NetlifyでSPAブログを自作する - Qiita
はじめに Nuxt.jsとContentfulとNetlifyでモダンな（？）SPAブログを作りました。こちら これから何回かに分けて構築までの記録を残していきたいと思います。 今日はこういうアーキテクチャにした理由とか、選定するまでに悩んだポイントとかを書きます。 【シリーズの予定】 まえがき編 ← この記事 Nuxt.js編 Contentful編 Netlify編 アーキテクチャについて 今回のキモはNuxt.js、Contentful、Netlifyという３つのフレームワーク or サービスを組み合わせていることです。 それぞれの概要は以下のような感じです。 Nuxt.js Nuxt.jsはVue.jsでつくられたフレームワークです。 SPA（シングルページアプリケーション）の構築が容易であることや、SSR（サーバーサイドレンダリング）に対応していることなど特徴にあげられます。 ま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Nuxt.js編】Nuxt.js + Contentful + NetlifyでSPAブログを自作する - Qiita
