📗 説明
Nuxtjs・Typescript を利用したボイラープレートです。
サンプル機能
- 認証
- 入力フォーム
- チャート表示
- 画像カルーセル
- オーバーレイ
ディレクトリ構造
.
├── 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
🖊️ 利用している技術
- Nuxtjs 2.12.2
- Typescript
- ESLint
- Jest
- VueChart
- AdminLTE3
🌐 Demo
📦 インストール方法
$ cd /path/to/nuxtjs-typescript-boilerplate
$ nodebrew install v13.13.0
$ node install -g yarn
$ yarn
💬 使い方
$ cd /path/to/nuxtjs-typescript-boilerplate
# サーバーサイドを起動する（認証機能で利用）
$ node ./tools/server.js
# クライアントサイドを起動する
$ yarn run dev
接続先情報
テストユーザー test@sample.com / password
| 接続先 | URL |
|---|---|
| DEMO画面 | http://localhost:3000/ |
🔗 参考
| プロジェクト | 概要 |
|---|---|
| 公式ドキュメント - Nuxt.js | 公式ドキュメント - Nuxt.js |
| 公式ドキュメント - TypeScript | 公式ドキュメント - TypeScript |
| 仕事ですぐに使えるTypeScript | 仕事ですぐに使えるTypeScript |
| AdminLTE Docs | AdminLTE Docs |
| Bootstrap4 日本語リファレンス | Bootstrap4 日本語リファレンス |
| アイコン（fontawesome） | アイコン（fontawesome） |
🎨 ソースコード