boilerplate graphql

Chauffe-plaque

Construit par aucun trimestre

Remarque: nous recommandons maintenant d'utiliser notre pile mise à jour.

TypeScript + React + React Native + GraphQL + Prisma

Livré avec l'authentification utilisateur incluse

• Réagir
• React natif
• Expo
• Typegraphql
• Prisma
• Web, application et API Monorepo
• Next.js
• Manuscrit
• Postgres
• Client Apollo
• Serveur Apollo
• Exprimer
• REACT HOW FORM
• Chakra ui
• Thème personnalisable et mode sombre
• Eslint
• Plus joli
• Générateur de code GraphQL
• Sendgrid smtp
• Sentinelle
• Rauque
• Mise en scène

et bien d'autres friandises savoureuses

Vous vous sentez à l'aise avec cette pile?

Nous embauchons! Contactez-nous ici

Commencer

Vous devez avoir un nœud, un fil, des postgres et des redis installés et configurant localement

1. Cloner le repo

2. Supprimez le dossier de l'application si vous travaillez sur un projet purement Web.

   rm -rf packages/app

3. Installez les dépendances.

   yarn install

4. Créer une base de données locale postgres

   createdb boilerplate

5. Créez un fichier .env et mettez à jour la DATABASE_URL avec votre URL locale de la base de données Postgres.

   cp packages/api/.env.example  packages/api/.env

    # Replace <user>,<password> and <db-name> with your corresponding username, password, and database name of your postgresql database.
   DATABASE_URL=postgresql:// < user > : < password > @localhost:5432/ < db-name >

6. Migrer la base de données.

    cd packages/api && yarn db:migrate

Nous utilisons Husky pour exécuter quelques chèques chaque validation (plus joli, Eslint & Commitlint), assurez-vous d'ajouter un fichier .huskyrc à votre répertoire domestique:

touch ~ /.huskyrc

et copiez ceci dans le fichier ceci:

 export PATH= " /usr/local/bin: $PATH "

Ensuite, exécutez ceci à la racine du projet:

npx husky install

Nous utilisons AWS S3 pour l'hébergement d'images / fichiers, vous devrez donc configurer quelques éléments pour que cela fonctionne, le processus peut être trouvé ici.

Développement

1. cd packages/api && yarn dev
2. cd packages/web && yarn dev
3. cd packages/app && yarn start

Un exemple de création d'une fonction TODO simple peut être trouvé ici.

Production

Expéditeurs

• Créez un compte SendGrid et définissez une variable d'environnement SendGrid_API_KEY dans .env
• Créez des modèles pour chaque e-mail que vous souhaitez envoyer et utilisez le modèleid dans la classe Mailer correspondante

Traçage des erreurs

• Créez un compte Sentry + Project pour chaque package et ajoutez le DSN à la configuration Web et aux variables API ENV

Déploiement

Un exemple est déployé ici

Nous utilisons Railway pour le package API et Vercel pour le package Web

Pour Railway, nous avons la configuration des déploiements d'aperçu et cela donne une URL dynamique que le Web peut utiliser. L'URL inclut le numéro PR, donc sur le Web, nous devons saisir le numéro PR à partir de Git et modifier dynamiquement l'API_URL lors de la création de l'application suivante. Vercel n'inclut pas les numéros de relations publiques dans les variables Env, nous utilisons donc un package pour le faire pour nous.