react saas template

React SaaS テンプレート

かつて構築しようとしたSaaSビジネスの名残。 React + Materials-UI を使用して SaaS/管理アプリケーションを構築するためのテンプレートに変換されました。

デモをチェックしてください

はじめる

前提条件

Node.js 12+ (以下のバージョンは動作する可能性がありますが、テストされていません)

• Linux:

   sudo apt install nodejs npm
  

• Windows または macOS:

  https://nodejs.org/ja/

インストール中

1. リポジトリのクローンを作成する

    git clone https://github.com/dunky11/react-saas-template
   

2. 依存関係をインストールします。これには 1 分かかる場合があります

    cd react-saas-template
   npm install
   

3. ローカルサーバーを起動します

    npm start
   

ブラウザが開き、アプリが表示されるはずです。それ以外の場合は、ブラウザで http://localhost:3000/ を開きます。ファイルを編集すると、ページが自動的に更新されます。

次に何をすればいいでしょうか？

React を初めて使用する場合は、まず基本的な React チュートリアルをご覧ください。

React を知っている場合は、必要な情報のほとんどがマテリアル UI ドキュメントに記載されています。

src/theme.js に移動し、スクリプトの先頭にあるプライマリおよびセカンダリのカラー コードを好みの値に変更すると、魔法が起こります。

導入

Web サイトの状態に満足している場合は、以下を実行できます。

 npm run build 

build という名前のフォルダーが作成され、その中にコンパイルされたプロジェクトが含まれます。その後、そのコンテンツをウェブルートにコピーすれば準備完了です。

で構築

• Create-React-App - 開発をブートストラップするために使用されます
• マテリアル UI - マテリアル デザイン コンポーネント
• React-Router - アプリのルーティング
• Pace - 上部の読み込みバー
• Emoji-Mart - 絵文字のピッカー
• React-Dropzone - アップロード用のファイルドロップコンポーネント
• Recharts - 統計に使用したグラフ作成ライブラリ
• Aos - ビューポートに基づくアニメーション
• React-Cropper - 画像アップロード用のクロッパー
• React-Stripe-js - ストライプの支払い要素

貢献する

プロジェクトを通じてあなたのサポートを示してください。プルリクエストはいつでも歓迎です。

ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています。詳細については、LICENSE.md ファイルを参照してください。