"《Nuxt.js》アトミックデザインの静的サイトを構築するために必要な小粒なTipsまとめ。サイトを簡単に作成するためのフレームワークです。非同期データ、ミドルウェア、ルーティングなどを管理するために必要な環境を提供してくれます。Universal、Next.jsと同様の位置付けです。インクルードしているので、SSR/SPA開発をするために必要なものをインクルード/設定する手間を省けます。静的なウェブサイト構築にもすごく有能です。generateコマンドでの静的Webサイトの生成で、Jekyllなどの静的サイト生成ツールの機能があり、アトミックデザインで語られるようなコンポーネント指向のディレクトリ構造になっているところが素敵です。インライン展開など、高速化のプラクティスも実装することができます。使ってテンプレートを利用します。コマンド開発するためにコマンドを叩きます。テンプレートページが表示されます。フォルダが生成されます。このフォルダをこのままFTPでアップするとOKです。ディレクトリ構造を把握しておく必要があります。Nuxt.js](https://ja.nuxtjs.org/guide/directory-structure)この中でコンポーネントをアトミックデザインで開発する要素としてのディレクトリを紹介しておきます。ディレクトリに置きます。ヘッダー/フッター/メインコンテンツなどのレイアウトをここで定義します。プロパティに指定します。ファイルが、デフォルトのテンプレートとして利用されるようになります。読み込む}</script>```のように指定します。