Nuxt.js で始める Webサイト制作

Nuxt.js は、Vue.js 製のSPAサイトを構築するためのフレームワークです。 Nuxt.js でのシンプルな Web サイト制作を通じて、 SPA 構築のフローや、基礎的な Vue.js / Nuxt.js の使い方をマスターしていきましょう。

セットアップ

Node.js の実行環境を用意して、Nuxt.js 利用するためのセットアップを行いましょう。

Nuxt.js のセットアップが完了したら実際のコーディングを進めていきましょう。

レイアウトファイルを利用して、ページ全体での共通要素の管理方法を確認していきましょう。

router-link を利用して SPA 形式のページ遷移を行う方法を確認しましょう。

Nuxt.js のプロジェクトで SCSS を利用する方法を確認しましょう。

Nuxt.js で作成したサイトを Web サーバに公開する手順を確認してみましょう。

Nuxt.js のプロジェクトにおける画像の取り扱い方法を確認してみましょう。

Nuxt.js のプロジェクトで title 要素やメタ要素を指定する方法を確認しましょう。