frontend.ro Download - frontend.ro Source Code Download

frontend.ro

Anderer Quellcode

1.0.0

Herunterladen

Frontend.ros Open-Source-Codebasis und Curriculum

Frontend.ro ist eine Open-Source- und Community- Initiative, um Frontend-Entwicklung zu unterrichten. Lesen Sie mehr auf der Website und bitte teilen Sie die Nachrichten ^^^

Installieren und ausführen

Installieren Sie alle Abhängigkeiten, indem Sie yarn im Root -Ordner ausführen.
Erstellen Sie eine .env -Datei im Root und füllen Sie den folgenden Inhalt aus

 ; Environment based config
NODE_CONFIG_ENV =local-client

; Custom config dirs
NODE_CONFIG_DIR =server/config

; Used only when developing locally
NODE_ENV =development

Führen Sie yarn dev:client aus. Dadurch wird nur die Frontend lokal ausgeführt und Sie mit dem Entwicklungsserver verbunden.
Wenn Sie serverseitige Arbeiten erledigen möchten, müssen Sie auch den Server und MongoDB auf Ihrem lokalen Computer ausführen. Damit dies geschieht, müssen Sie die folgenden Variablen im Inneren hinzufügen .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

Stellen Sie dann den DB (siehe nächster Schritt) vor und führen Sie den lokalen Server mit yarn dev aus. Machen Sie sich mit uns in Verbindung, um weitere Informationen unter [email protected] zu erhalten.

Bereitstellung (WIP)

Wenn Sie die App auf Ihrem lokalen Computer vollständig ausführen möchten, müssen Sie selbst eine MongoDB -Datenbank bereitstellen.

Schauen Sie sich den server/_provisioning -Ordner an. Es funktioniert noch in Arbeit, aber dort finden Sie einige Skripte, mit denen Daten für Ihre lokale Umgebung einfacher eingefügt werden können.

Datenbank -Dump, Wiederherstellung und Backup

Um die Kosten zu senken, führen wir derzeit manuelle Müllkopien und die Sicherung unserer MongoDB -Datenbank durch.

Dump & Wiederherstellung

Wir verwenden die MongoDB -Datenbank -Tools, insbesondere Mongodump und Mongorestore.

Wir haben 2 NPM -Skripte

 yarn mongodump
yarn mongorestore

dass wir für Dump/Wiederherstellung verwenden. Wir "hängen" in die gleiche .env -Datei, um die DB_CONNECT -String und die MONGODB_DUMP_DIR zu erhalten.

Beide gehen davon aus, dass MongoDB -Tools bereits installiert sind. Schauen Sie sich hier nach Anweisungen ab, abhängig von Ihrem Betriebssystem.

Backup

Für das Backup speichern wir die Dumps auf AWS S3, indem wir die AWS CLI V2 verwenden.

Wir haben ein NPM -Skript, das aus .env liest und einen bestimmten CLI -Befehl aufruft.

 yarn upload-mongodump-s3

Dies funktioniert nur, wenn Sie mit einem Paar -Zugriffs -ID / Secret Access -Schlüssel mit einer Schreibberechtigung an unseren S3 -Eimer in AWS CLI authentifiziert sind.

Monaco Editor

NextJS ist unvereinbar mit der Standardweise des Ladens von Monaco-Eduitor (über Webpack und monaco-editor-webpack-plugin ). Es schlägt fehl, wenn Monaco versucht, das CSS von node_modules zu laden: https://nextjs.org/docs/messages/css-npm.

Alle Lösungen dazu bedeuteten, unserer WebPack -Konfiguration einen sehr benutzerdefinierten Code hinzuzufügen, was wir befürchten, dass er in Zukunft brechen oder negativ mit anderen Paketen interagieren könnte.

Die Lösung, für die wir uns entschieden haben, besteht darin, monaco-editor aus einem CDN (CloudFront) mit dem <script> -Tag zu laden. Wir sind der Meinung, dass diese "Old-School" -Sty weniger fehleranfällig ist als benutzerdefinierte Änderungen an der Webpack-Konfiguration. Um die manuelle Arbeit zu minimieren, haben wir die monacoEditorCDN.yml Github -Aktion erstellt, die die Dateien bei jedem Druck hochladen (falls sie nicht da sind).

Lizenz

Dieses Projekt verfügt über eine Dual-Lizenz-Aufteilung zwischen dem Quellcode der verwendeten UI-Komponenten und dem Lehrplaninhalt.

Der Quellcode der UI -Komponenten ist unter MIT lizenziert.

Der Lehrplan gehört zu unseren Mitwirkenden und ist unter Attribution-Sharealike 4.0 International lizenziert. Sie können es nutzen, wenn Sie diese Themen unterrichten, solange Sie dem Verfasser/Eigentümer zuzuweisen.

Mitwirkende

Dieses Projekt wäre ohne unsere großartigen Mitwirkenden nicht möglich. Danke>: D <

_{Alexandru Păvăloi}	_{Diana Toma}	_{Cătălin popușoi}	_{Marian Morosac}
_{Cristian Gațu}	_{Sebastian LatKolic}	_{Nicolae Matieș}	_{Daniel Huțanu}
_{Swarup Kumar Das}	_{Ira Melnic}	_{Narcis Lazar}	_{Sergiu Szatmari}