Nuxt.js&Typescript&ESListを利用したボイラープレート

Nuxt.js & Typescript & ESList を利用したボイラープレートを作成しましたので公開します。

サンプル機能

• 入力フォーム
• チャート表示
• 画像カルーセル
• カレンダー入力
• オーバーレイ
• ログイン/ログアウト
• APIを利用したデータ取得

Demo

https://demo.isystk.com/nuxtjs/

利用している技術

• Nuxtjs 2.12.2
• Typescript
• ESLint
• Jest
• VueChart
• AdminLTE3

ソースコード

https://github.com/isystk/nuxtjs-typescript-boilerplate

ディレクトリ構造

.
├── src (Nuxt関連のソースファイル)
│ ├── @types
│ ├── assets
│ ├── common
│ ├── components
│ ├── interfaces
│ ├── middleware
│ ├── pages
│ ├── plugins
│ ├── static
│ ├── store
│ ├── test
│ └── utilities
├── .babelrc (Babel設定ファイル)
├── .vscode (VSCode設定ファイル)
├── jest.config.js
├── nuxt.config.ts
├── package.json
├── tools (サーバー起動用モジュール)
└── tsconfig.json

使い方

$ yarn
$ node ./tools/server.js
$ yarn run dev
$ open http://localhost:3000/

参考

プロジェクト	概要
公式ドキュメント – Nuxt.js	公式ドキュメント – Nuxt.js
公式ドキュメント – TypeScript	公式ドキュメント – TypeScript
仕事ですぐに使えるTypeScript	仕事ですぐに使えるTypeScript
AdminLTE Docs	AdminLTE Docs
Bootstrap4 日本語リファレンス	Bootstrap4 日本語リファレンス
アイコン（fontawesome）	アイコン（fontawesome）