NextJS NestJS GraphQL Starter

NEXTJS & NESTJS GRAPHQL STARTER

Ein NextJS -Frontend- und NestJS -Backend -GraphQL -Starter -Paket mit GitHub & Reddit -Authentifizierung.

Fehlt etwas?

Wenn eine Funktion fehlt, die in den meisten Anwendungen für Produktionsqualität verwendet wird, machen Sie bitte ein Problem, damit wir sie hinzufügen können.

Merkmale

• Google -Authentifizierung
• Github -Authentifizierung
• Reddit -Authentifizierung
• Abonnements
• Grundlegende Profilinformationen aktualisieren
• Serverwiedergabe
• Übersetzung
• Sitzungsmanagement
• Docker-Compose für Client & Server

Technologien

• NEXTJS
• Gürteltasche
• Stilkomponenten
• Apollo Client 3.0
• GraphQL -Codegenerator
• Jawohl
• Typoskript
• Nestjs
• Mungo
• Typgraphql
• React-i18Next
• Docker
• Hakenform reagieren

Erste Schritte

1. Installieren Sie die erforderlichen Pakete

    cd client && yarn
   cd server && yarn

2. Aktualisieren Sie die .Env -Dateien im Client und im Server

   cp client/.env.example .env
   cp server/.env.example .env

3. Starten Sie den Server und den Client

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

Der Client verlangt, dass der Server gestartet wird, damit das Schema zum Ausführen von Codegen gelesen wird. Um diese Funktionalität zu entfernen, entfernen Sie den Prepev -Haken in client/package.json

Einsatz

Der einfachste Weg zum Einsatz ist:

1. Erstellen Sie ein Digitalocean -Tröpfchen mit dem Docker -Bild
2. Setup nginx mit dieser Anleitung einrichten: So installieren Sie Nginx auf Ubuntu 18.04
3. Klonen Sie das Repository auf den Tröpfchen
4. Fügen Sie Ihre .EnV -Dateien mit Ihrer Produktionskonfiguration zum Client und Server hinzu
5. Melden Sie sich für MongoDB Atlas an und erhalten Sie Ihre Verbindungszeichenfolge
6. Modus das Build -Skript, um es ausführbar zu machen: chmod +x ./build.sh
7. Führen Sie das Build -Skript aus ./build.sh
8. nginx.conf und /var/etc/nginx/sites-available/default
9. Generieren Sie das SSL -Zertifikat mit dieser Anleitung: So sichern Sie Nginx mit Let's Encrypt auf Ubuntu 16.04

Beitragen

Pull -Anfragen sind willkommen. Für wichtige Änderungen öffnen Sie zuerst ein Problem, um zu besprechen, was Sie ändern möchten.

NestJS GraphQL Tutorials

• Erstellen Sie einen GraphQL -Server mit NestJs - https://youtu.be/BQPK4S_W -PC
• Hinzufügen von MongoDB zu einem NestJS GraphQL Server - https://youtu.be/xnyulqzq -rk
• Benutzername & Passwort Authentifizierung - https://youtu.be/pxwnt25szro

Unterstützung

Kaufen Sie mir einen Kaffee

Melden Sie sich bei Digitalocean I an? Digitalocean

Auf YouTube abonnieren

Lizenz

MIT