Enlite Starter - フルスタック開発者向けの React 管理者ダッシュボード テンプレート
Enlite Starter - Firebase Auth を使用した React ダッシュボード スターター テンプレート http://enlite.ux-maestro.com
ここでドキュメントを読む
https://ilhammeidi.github.io/enlite-docs/#firebase
テンプレート機能
- 現代のテクノロジー。最も人気のある JavaScript ライブラリの 1 つである React.JS と Redux で構築されています
- プレミアムなデザイン。シンプルでエレガントなテーマカラーとダークモードとライトモード
- 複数のレイアウトと RTL のサポート。サイドバーとトップバーのナビゲーション レイアウト。 jss-rtlによる自動RTL調整スタイリング
- 認証。 Firebase ソーシャルとメール ログインを使用する
- アプリを事前にビルドします。 Redux-Saga と Realtime DB を統合したサンプル CRUD アプリ。
- 多言語をサポートします。英語、ドイツ語、アラビア語、中国語、インドネシア語、スペイン語の6翻訳を含む。
- 再利用可能で簡単に変更できる 30 以上のコンポーネントとモジュールに反応します。
- さまざまなサンプル ページ ランディング ページ、2 つのダッシュボード バリアントなど
- ES6 で書かれた次世代 JavaScript
- 標準の 12 グリッド システムに基づくレスポンシブ デザイン
- スタータープロジェクト。本来の機能に気を取られることなく、アプリを最初から構築します。
- テストユニット。 Mocha と Chai を使用したマテリアル UI コンポーネントの機能テスト
- ハイパフォーマンス。 JSS (JS 内の CSS) によるスタイリングと非同期コード分割。
- eslint によって維持されるクリーンなコード。
- 完全にベクターアイコンとフォントアイコン。
- コードの直接プレビュー。ファイルを開かずにソース コードを簡単に取得できます。
- 他にもたくさん…
プライム版を入手
Envato マーケットで今すぐ入手
デモを見る
インストール
- このプロジェクトのクローンを作成します
- ターミナル
npm installでこのスクリプトを実行して、モジュールの依存関係をインストールします。 - ダウンロードが完了したら、Webpack DLL の依存関係をビルドします (必要な場合)。
npm run build:dll - 最後にアプリを実行します。
npm start - http://localhost:3001 に移動します。
導入
- まず本番資産をビルドする必要があります。最初に
npm run build - 次に、アプリを起動します
npm run start:prod - バックグラウンドで実行したい場合は、PM2 https://www.npmjs.com/package/pm2 を試してください。次に、次のコマンドを実行します
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server - http://localhost:3001 に移動します。
ダイレクトコードプレビューを有効にする
ドキュメントへのアクセスと実装を簡単かつ効果的に行うために、すべてのコンポーネントのデモにソース コードを添付しました。これをダイレクト コード プレビューと呼びます。この機能は購入した製品でのみ使用できます (デモでは使用できません)。
- 設定ファイル
/app/config/codePreview.jsを開きます - デフォルトでは false に設定されます
enable: trueに変更すると、ダイレクト コード プレビューが有効になります。- http://localhost:8080/app/tables/advanced-table にあるコンポーネントのデモを使用してテストします。
- 次に、すべてのコンポーネントの下部に[<> コードを表示]ボタンが表示されます。クリックするだけです。
- そのコンポーネントのソース コードも表示されます。
- 目の前にあるコンポーネントを直接確認し、コピーして貼り付けることができます。
ライセンス
このプロジェクトは、MIT ライセンスの条件に基づいてライセンスされています。
