frontend.roダウンロードfrontend.roソースコードのダウンロード

frontend.ro

その他のソースコード

1.0.0

ダウンロード

frontend.roのオープンソースコードベースとカリキュラム

FrontEnd.roは、FrontEnd開発を教えるためのオープンソースとコミュニティ駆動型のイニシアチブです。ウェブサイトで詳細を読んで、ニュースを共有してください^^^

インストールして実行します

ルートフォルダーでyarnを実行して、すべての依存関係をインストールします。
ルートで.envファイルを作成し、次のコンテンツに入力します

 ; Environment based config
NODE_CONFIG_ENV =local-client

; Custom config dirs
NODE_CONFIG_DIR =server/config

; Used only when developing locally
NODE_ENV =development

yarn dev:client 。これにより、フロントエンドのみがローカルで実行され、開発サーバーに接続します。
サーバー側の作業を行いたい場合は、ローカルマシンでサーバーとmongodbも実行する必要があります。これを実現するには、内部に次の変数を追加する必要があります.env

 ; Environment based config
NODE_CONFIG_ENV =local-both

; Custom config dirs
NODE_CONFIG_DIR =server/config

; AUTH
TOKEN_SECRET =

; DB
DB_CONNECT =

; AWS
AWS_BUCKET =

; EMAIL
EMAIL_TOKEN =

; GITHUB
GITHUB_CLIENT_ID =
GITHUB_CLIENT_SECRET =

; Used only when developing locally
NODE_ENV =development

次に、DBをプロビジョニングし（次の手順を参照）、 yarn devを使用してローカルサーバーを実行します。詳細については、[email protected]でご連絡ください。

プロビジョニング（WIP）

ローカルマシンでアプリを完全に実行したい場合は、MongoDBデータベースを自分でプロビジョニングする必要があります。

server/_provisioningフォルダーをご覧ください。まだ動作していますが、ローカル環境のためにデータを一括で挿入しやすくするスクリプトがいくつかあります。

データベースダンプ、復元、バックアップ

コストを削減するために、現在、MongoDBデータベースの手動ダンプとバックアップを行っています。

ダンプと復元

MongoDBデータベースツール、特にMongodumpとMongorestoreを使用しています。

2つのnpmスクリプトがあります

 yarn mongodump
yarn mongorestore

ダンプ/復元に使用するもの。 DB_CONNECT文字列とMONGODB_DUMP_DIRを取得するために、同じ.envファイルに「フック」します。

どちらも、MongoDBツールがすでにインストールされていると仮定しています。 OSに応じて指示をご覧ください。

バックアップ

バックアップについては、AWS CLI V2を使用して、AWS S3にダンプを保存しています。

.envから読み取り、特定のCLIコマンドを呼び出すNPMスクリプトがあります。

 yarn upload-mongodump-s3

これは、S3バケットに書き込み許可を持つペアアクセスキーID /シークレットアクセスキーを使用してAWS CLIに認証されない限り、機能しません。

モナコ編集者

NextJSは、Monaco-Editorをロードするデフォルトの方法（WebPackおよびmonaco-editor-webpack-pluginを介して）と互換性がありません。 node_modules：https：//nextjs.org/docs/messages/css-npmからCSSをロードしようとすると失敗します。

これに対するすべてのソリューションは、webpack構成に非常にカスタムコードを追加することを意味しました。

したがって、私たちが行った解決策は、 <script>タグを使用してCDN（CloudFront）からmonaco-editorをロードすることです。この「古い学校」の方法は、Webpack構成のカスタム変更よりもエラーが発生しないと感じています。また、手動作業を最小限に抑えるために、すべてのプッシュにファイルをアップロードするmonacoEditorCDN.yml githubアクションを作成しました（そこにない場合）。

ライセンス

このプロジェクトには、使用されているUIコンポーネントのソースコードとカリキュラムコンテンツのデュアルライセンスが分割されています。

UIコンポーネントのソースコードは、MITでライセンスされています。

カリキュラムは私たちの貢献者に属し、属性の共有4.0 Internationalの下でライセンスされています。作家/所有者に帰属を提供する限り、これらのトピックを教えている場合は、自由に使用できます。

貢献者

このプロジェクトは、私たちの素晴らしい貢献者なしでは不可能です。ありがとう>：D <

_{アレクサンドル・パヴァロイ}	_{ダイアナ・トマ}	_{cælinpopușoi}	_{マリアンモロサック}
_{クリスティアン・ガーウ}	_{セバスチャンラトコリック}	_{ニコラエマティș}	_{ダニエル・フーヌ}
_{Swarup Kumar Das}	_{IRA MELNIC}	_{ナルシス・ラザール}	_{Sergiu Szatmari}