boilerplate graphql

Kesselplatte

Gebaut von keinem Quartal

Hinweis: Wir empfehlen jetzt, unseren aktualisierten Stack zu verwenden.

TypeScript + React + React Native + GraphQL + Prisma

Kommt mit der Benutzerauthentifizierung eingeschlossen

• Reagieren
• Reagieren Sie nativ
• Expo
• Typgraphql
• Prisma
• Web, App & API Monorepo
• Weiter.js
• Typoskript
• Postgres
• Apollo Client
• Apollo Server
• Äußern
• Hakenform reagieren
• Chakra ui
• Anpassbares Thema und Dunkelmodus
• Eslint
• Hübscher
• GraphQL -Codegenerator
• SendGrid SMTP
• Posten
• Heiser
• Lint inszeniert

& viele weitere leckere Leckereien

Fühlen Sie sich mit diesem Stapel wohl?

Wir stellen ein! Kontaktieren Sie uns hier

Fangen an

Sie müssen Knoten, Garn, Postgres und Redis installiert und lokal einrichten

1. Klonen Sie das Repo

2. Löschen Sie den App -Ordner, wenn Sie an einem rein Webprojekt arbeiten.

   rm -rf packages/app

3. Abhängigkeiten installieren.

   yarn install

4. Erstellen Sie eine lokale Postgres -Datenbank

   createdb boilerplate

5. Erstellen Sie eine .env -Datei und aktualisieren Sie die DATABASE_URL mit Ihrer lokalen Postgres -Datenbank -URL.

   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. Migrieren Sie die Datenbank.

    cd packages/api && yarn db:migrate

Wir verwenden Husky, um jedes Commit ein paar Schecks durchzuführen (hübscher, Eslint & Commitlint). Fügen Sie Ihrem Heimverzeichnis eine .huskyrc -Datei hinzu:

touch ~ /.huskyrc

und kopieren Sie dies in die Datei dies in:

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

Dann führen Sie dies in der Wurzel des Projekts aus:

npx husky install

Wir verwenden AWS S3 für das Bild-/Dateihosting, sodass Sie ein paar Dinge einrichten müssen, damit dies funktioniert. Der Prozess finden Sie hier.

Entwicklung

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

Ein Beispiel für das Erstellen einer einfachen Todo -Funktion finden Sie hier.

Produktion

Mailer

• Erstellen Sie ein SendGrid -Konto und setzen
• Erstellen Sie Vorlagen für jede E -Mail, die Sie senden möchten, und verwenden Sie das TemplateID in der entsprechenden Mailerklasse

Fehlerverfolgung

• Erstellen Sie für jedes Paket ein Sentry -Konto + Projekt und fügen Sie das DSN der Webkonfiguration und den API -Env -Variablen hinzu

Einsatz

Ein Beispiel wird hier eingesetzt

Wir verwenden die Eisenbahn für das API -Paket und für das Webpaket Vercel

Für die Eisenbahn haben wir Vorschau -Bereitstellungen eingerichtet, und das gibt eine dynamische URL, die das Web verwenden kann. Die URL enthält die PR -Nummer, sodass wir im Web die PR -Nummer von Git greifen und die API_url dynamisch ändern müssen, wenn die nächste.js -App erstellt wird. Vercel enthält keine PR -Zahlen in die Env -Variablen, daher verwenden wir ein Paket, um dies für uns zu tun.