NextJS & NestJS GraphQL Starter

Blog

NextJS & NestJS GraphQL Starter

NextJS & NestJS GraphQL Starter

NextJS & NestJS GraphQL Starter

Ein NextJS-Frontend- und NextJS-Backend-GraphQL-Starterpaket, das GitHub- und Reddit-Authentifizierung umfasst.



Wie kaufe ich einen Tiger?

Merkmale

  • [x] Google-Authentifizierung
  • [x] GitHub-Authentifizierung
  • [x] Reddit-Authentifizierung
  • [x] Grundlegende Profilinformationen aktualisieren
  • [x] Server-Rendering

Vorderes Ende

Backend

Einstieg

  1. Installieren Sie die erforderlichen Pakete

    cd client && yarn cd server && yarn
  2. Aktualisieren Sie die .env-Dateien im Client & Server



    cp client/.env.example .env cp server/.env.example .env
  3. Server & Client starten

    cd server && yarn dev cd client && yarn dev

Der Client erfordert, dass der Server gestartet wird, damit er das Schema lesen kann, um Codegen auszuführen. Um diese Funktionalität zu entfernen, entfernen Sie den Predev-Hook in |_+_|



Einsatz

Der einfachste Weg zur Bereitstellung ist:

  1. Ein ... kreieren DigitalOcean Droplet mit dem Docker-Image
  2. Richten Sie Nginx mit dieser Anleitung ein: So installieren Sie Nginx unter Ubuntu 18.04
  3. Klonen Sie das Repository auf das Droplet
  4. Fügen Sie Ihre .env-Dateien mit Ihrer Produktionskonfiguration zum Client und Server hinzu
  5. Melden Sie sich an für MongoDB Atlas und erhalten Sie Ihre Verbindungszeichenfolge
  6. Moden Sie das Build-Skript, um es ausführbar zu machen: |_+_|
  7. Führen Sie das Build-Skript ./build.sh aus
  8. Ändern und kopieren Sie das mitgelieferte |_+_| in |_+_|
  9. Generieren Sie das SSL-Zertifikat mit dieser Anleitung: So sichern Sie Nginx mit Let’s Encrypt unter Ubuntu 16.04

Beitragen

Pull-Requests sind willkommen. Bei größeren Änderungen öffnen Sie bitte zuerst ein Problem, um zu besprechen, was Sie ändern möchten.

Unterstützung

Kauf mir einen Kaffee

wie man hex kauft

Melden Sie sich bei DigitalOcean an I DigitalOcean

Schau dir mein neuestes Projekt an Snipd

Download-Details:

Autor: tomanagle

Quellcode: https://github.com/tomanagle/NextJS-NestJS-GraphQL-Starter

#nestjs #nextjs #reagieren #reactjs #javascript