apps

Daily.Dev App Suite

Tout ce que vous voyez sur quotidiennement.dev?

Ce monorepo contient la suite d'applications de Daily.dev. Le repo comprend l'application Web et l'extension, ainsi que des composants partagés pour les deux. En utilisant une approche Monorepo, nous pouvons facilement partager le code et maintenir la cohérence dans les différentes parties de la suite d'applications. La décision a été prise de permettre des itérations plus rapides et de maintenir la parité des caractéristiques dans les deux plates-formes.

Technologies

• Node v22.11 (A .nvmrc est présenté pour les utilisateurs NVM).
• PNPM pour gérer le monorepo et les dépendances.

Projets

packages

Contient une collection de petits projets ou bibliothèques utilisés dans la suite d'applications Daily.DEV. Voici un bref aperçu de chaque package mentionné:

• Eslint-Config

  Paramètres Eslint partagés pour maintenir la qualité cohérente du code dans le projet.

• Eslint-Rules

  Un plugin Eslint personnalisé qui définit un ensemble de règles pour le projet, y compris une règle pour appliquer une utilisation cohérente des couleurs.

• extension

  Le projet d'extension du navigateur. Inclut la configuration de WebPack pour les extensions du navigateur et les composants dédiés uniquement pour l'extension.

• plus joli

  Paramètres plus jolis partagés pour tous les projets de ce dépôt.

• commun

  Le projet principal contient la plupart des composants utilisés dans les applications. Chaque composant qui doit être utilisé sur les deux plates-formes doit être placé dans ce projet. Cela comprend les composants du système de conception, les crochets personnalisés et bien d'autres.

• livre de contes

  La configuration du livre du Story pour le projet, a utilisé pour développer et présenter des composants d'interface utilisateur isolément.

• webapp

  Le projet d'application Web. Il s'agit d'un projet Next.js et a plus de pages que l'extension, comme une page d'inscription, une page de publication, une page de profil, etc. Pour plus d'informations, cliquez ici.

Environnement local

Pour faire tourner un environnement local, nous suggérons d'utiliser Gitpod. Nous avons un bouton gitpod ci-dessus, tout est déjà configuré et devrait fonctionner hors de la boîte. Cliquez dessus et roulons!

Remarque: Découvrez le départ avec Gitpod en utilisant leurs documents officiels. Si vous êtes nouveau sur Gitpod, ne vous inquiétez pas, c'est un outil simple et puissant qui vous aidera à démarrer avec ce projet en un rien de temps.

Vous voulez aider?

Vous voulez donc contribuer à la suite d'applications quotidiens.dev et avoir un impact, nous sommes heureux de l'entendre. ?

Avant de continuer, nous avons quelques directives de contribution qui rendront tout beaucoup plus facile.

Nous apprécierions si vous consacrez le temps et les lisez attentivement: https://github.com/dailydotdev/.github/blob/master/contributing.md

Projet d'amorçage

Après le clonage du projet, assurez-vous d'exécuter les commandes suivantes pour bootstrap le projet:

npm i -g [email protected]
pnpm install

Exécutez l'extension localement

Exemple pour Chrome:

• Exécuter pnpm --filter extension dev:chrome dans le répertoire racine
• Ouvrez Chrome et allez sur chrome://extensions/
• Activer Developer mode dans le coin supérieur droit
• Cliquez sur Load unpacked et sélectionnez le dossier packages/extension/dist/chrome
• L'extension doit être chargée et vous devriez pouvoir le voir dans la liste des extensions
• Activez l'extension, n'oubliez pas de le désactiver lorsque vous avez terminé
• Désactiver l'extension de production si vous l'avez installée car elle pourrait provoquer des conflits