nextjs starter Download - nextjs starter Quellcode Download

nextjs starter

AI-Quellcode

1.0.0

Herunterladen

NEXTJS-STARTER

A Next.js Starter Kit -Vorlage mit React 17 + TypeScript + Tailwind CSS 2 + React Abfrage 3 + NextAuth.js (mit Github auth + passwordloser Auth) + Fauna DB

Demo

Webseite
Blog -Beitrag (alt)
- Wird bald durch einen neuen Blog -Beitrag ersetzt.

Vor Ort laufen

Klonen Sie das Projekt

  git clone https://github.com/pbteja1998/nextjs-starter.git

Gehen Sie zum Projektverzeichnis
```
  cd nextjs-starter
```
Abhängigkeiten installieren
```
  yarn
```
Erstellen Sie .Env.local und ändern Sie die Env -Variablen gemäß den Anweisungen.
```
  cp .env.example .env.local
```
Richten Sie die Datenbank ein, indem Sie den folgenden Befehl ausführen und die Fauna Secret -Schlüssel auf Angabe einfügen. Weitere Details bei Fauna-Schema-Migrate.
```
  yarn setup-db
```
Starten Sie den Server
```
  yarn dev
```

Umgebungsvariablen

Um dieses Projekt auszuführen, müssen Sie Ihren .env.local -Datei die folgenden Umgebungsvariablen hinzufügen

NEXTAUTH_URL
- Dies ist die URL Ihrer Anwendung. Vor Ort können Sie dies auf http://localhost:3000 einstellen
SECRET
- Stellen Sie dies auf eine zufällig generierte Zeichenfolge ein
EMAIL_SERVER
- Dies ist die E -Mail -Server -Zeichenfolge. Es befindet sich im Format von smtp://username:[email protected]:587 . Ersetzen Sie username , password und smtp.example.com durch Ihre eigenen Anmeldeinformationen.
EMAIL_FROM
- Ihre E -Mail -Adresse, von der Sie E -Mails senden.
GITHUB_ID
GITHUB_SECRET
- Sie müssen eine Github -OAuth -App erstellen und die GitHub_id und github_secret aus dieser App abrufen.
- Sie können diese Anweisungen befolgen.
- Beim Erstellen einer OAuth -App für die lokale Entwicklung können Sie die Homepage URL auf http://localhost:3000 und Authorization Callback URL auf http://localhost:3000/api/auth/callback/github festlegen
LINKEDIN_ID
LINKEDIN_SECRET
- Sie müssen eine OAuth -App für LinkedIn erstellen. Sie können die Callback -URL auf http://localhost:3000/api/auth/callback/linkedin einstellen
FAUNADB_SECRET
- Erstellen Sie einen neuen Fauna -Server -Schlüssel und setzen Sie diese Variable auf diesen Schlüssel

FAQ

Wie laufe ich Fauna vor Ort?

Bitte beachten Sie, dass dies völlig optional ist. Sie können Ihre Datenbank direkt in der Fauna -Cloud erstellen und das Geheimnis, das Sie dort generieren, direkt verwenden.

Wir verwenden Fauna Dev Docker -Container, um die Fauna -Instanz lokal auszuführen.

Dies sind die Anweisungen zum lokalen Einrichten von Fauna -Container.

 # Pull the latest Docker container:
docker pull fauna/faunadb:latest

# Verify that the container executes correctly:
docker run fauna/faunadb --help

Nachdem Sie dies installiert haben, können Sie den Container mit dem folgenden Befehl starten

docker run --rm --name faunadb -p 8443:8443 -p 8084:8084 fauna/faunadb

Bitte beachten Sie, dass dies jedes Mal eine neue Instanz von Fauna erstellt, wenn Sie sie ausführen, und alle Daten werden gelöscht, wenn Sie diesen Container stoppen. Weitere Konfigurationsoptionen und -ansätze finden Sie in der Dokumentation.

Änderungen, die Sie in der Vorlage vornehmen müssen:

Sie müssen in Ihrer .env.local -Datei USE_FAUNA_DOCKER=true
Jedes Mal, wenn Sie den Docker -Container starten, müssen Sie zuerst die Migrationen anwenden. Sie können dies tun, indem Sie yarn setup-docker-db ausführen.
Weitere Details bei Fauna-Schema-Migrate und Fauna Dev.