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

nuxtjs-typescript-boilerplate

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 DocsAdminLTE Docs
Bootstrap4 日本語リファレンスBootstrap4 日本語リファレンス
アイコン(fontawesome)アイコン(fontawesome)

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。