frontend.ro
1.0.0
Frontend.ro est une initiative open-source et communautaire pour enseigner le développement du frontend. En savoir plus sur le site Web et partager les nouvelles ^^^
yarn dans le dossier racine..env en racine et remplissez le contenu suivant ; Environment based config
NODE_CONFIG_ENV =local-client
; Custom config dirs
NODE_CONFIG_DIR =server/config
; Used only when developing locally
NODE_ENV =developmentyarn dev:client . Cela exécutera uniquement le frontend localement et vous connectera au serveur de développement..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 Ensuite, provisionnez la base de données (voir l'étape suivante) et exécutez le serveur local à l'aide de yarn dev . Contactez-nous pour plus de détails à [email protected].
Si vous voulez exécuter complètement l'application sur votre machine locale, vous devrez provisionner vous-même une base de données MongoDB.
Jetez un œil au dossier server/_provisioning . Cela fonctionne toujours en cours, mais vous y trouverez des scripts qui faciliteront l'insertion de données en vrac, pour votre environnement local.
Pour réduire les coûts, nous effectuons actuellement des vidages manuels et la sauvegarde de notre base de données MongoDB.
Nous utilisons les outils de base de données MongoDB, en particulier Mongodump et Mongorestore.
Nous avons 2 scripts NPM
yarn mongodump
yarn mongorestore
que nous utilisons pour le vidage / restauration. Nous «accrochons» dans le même fichier .env pour obtenir la chaîne DB_CONNECT et le MONGODB_DUMP_DIR .
Les deux supposent que les outils MongoDB sont déjà installés. Jetez un œil ici pour les instructions en fonction de votre système d'exploitation.
Pour la sauvegarde, nous stockons les décharges sur AWS S3 en utilisant l'AWS CLI V2.
Nous avons un script NPM qui se lit sur .env et appelle une commande CLI spécifique.
yarn upload-mongodump-s3
Cela ne fonctionne pas à moins que vous ne soyez authentifié en CLI AWS avec une clé d'accès à paire / clé d'accès secret qui a une autorisation d'écriture à notre seau S3.
NextJS est incompatible avec le moyen par défaut de charger monaco-éditeur (via WebPack et monaco-editor-webpack-plugin ). Il échoue lorsque Monaco essaie de charger son CSS de Node_Modules: https://nextjs.org/docs/mesages/css-npm.
Toutes les solutions à cela signifiaient l'ajout de code très personnalisé à notre configuration Webpack, ce que nous craignons de se casser à l'avenir ou d'interagir négativement avec d'autres packages.
Ainsi, la solution que nous avons optée est de charger monaco-editor à partir d'un CDN (CloudFront) avec la balise <script> . Nous pensons que cette manière "old-school" est moins sujet aux erreurs que les modifications personnalisées à la configuration WebPack. Et, pour minimiser le travail manuel, nous avons créé l'action monacoEditorCDN.yml github qui téléchargera les fichiers à chaque poussée (s'ils ne sont pas là).
Ce projet a une division à double licence entre le code source des composants d'interface utilisateur utilisés et le contenu du curriculum.
Le code source des composants de l'interface utilisateur est sous licence en vertu du MIT.
Le programme d'études appartient à nos contributeurs et est autorisé sous Attribution-Sharealike 4.0 International. Vous êtes libre de l'utiliser si vous enseignez ces sujets tant que vous fournissez l'attribution à l'écrivain / propriétaire.
Ce projet ne serait pas possible sans nos impressionnants contributeurs. Merci>: D <
Alexandru Păvăloi | Diana Toma | Cătălin Popușoi | Marian Morosac |
Cristian Gațu | Sébastien latkolique | Nicolae Matieș | Daniel Huțanu |
Swarup kumar das | Ira Melnic | Narcis Lazar | Sergiu Szatmari |
Si vous voulez donner un coup de main , contactez-nous et construisons-le ensemble!
Twitter | Facebook
