devhunt

Devhunt

Open-Source- und Collaborative Startplattform für Entwickler-Tools, die von Entwicklern erstellt wurden. Machen Sie sich auf Devhunt.org, um Ihre Innovationen zu präsentieren und Entwickler -Tools im Internet zu stärken!

Schneller Start

Erstellen Sie eine .env.local -Datei zum Stamm Ihres Projekts und füllen Sie sie mit den folgenden Umgebungsvariablen ein:

 NEXT_PUBLIC_SUPABASE_URL=https://tusrbkspwpvucxzqhrgo.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InR1c3Jia3Nwd3B2dWN4enFocmdvIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTYyNzI2OTUsImV4cCI6MjAxMTg0ODY5NX0.-HdjMYlbwVMggJiQ4cFxpr-AmNH1ueXBEgqxMPDlSJY

Pakete installieren

npm install
# or
yarn install
# or
pnpm install

Dev Server ausführen

npm run dev

Öffnen Sie http: // localhost: 3000 in Ihrem Browser. Erledigt!

Erste Schritte

Dies ist ein Next.js-Projekt mit create-next-app .

Supabase Dump wiederherstellen

1. Erstellen Sie ein Supabase -Projekt und stellen Sie sicher, dass Sie das Datenbankkennwort speichern.
2. Navigieren Sie dann zu Project Settings -> Database Settings -> Connection Info
3. Kopieren Sie den Host -Wert, der wie db.<ReferenceID>.supabase.co

Führen Sie den folgenden Befehl aus:

psql -h db. < ReferenceID > .supabase.co -U postgres -d postgres < /supabase/dump.sql

Sie werden aufgefordert, das Datenbankkennwort einzugeben. Dies finden Sie in Project Settings -> Database Settings -> Database Password . Verwenden Sie alternativ das Passwort, das Sie während der Projekterstellung gespeichert haben.

Einrichten .env.local Configuration

Erstellen Sie eine .env.local -Datei zum Stamm Ihres Projekts und füllen Sie sie mit den folgenden Umgebungsvariablen ein:

 NEXT_PUBLIC_SUPABASE_URL=<Your_Project_URL>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<Your_Anonymous_Key>
SUPABASE_SERVICE_ROLE_KEY=<Your_Service_Role_Key>

Hier finden Sie die Schlüsselwerte:

1. <Your_Project_URL> -Navigieren Sie zu Project Settings -> API -> Project URL und kopieren Sie die URL
2. <Your_Anonymous_Key> -Gehen Sie zu Project Settings -> API -> Project API keys und finden Sie den public Schlüssel anon .
3. <Your_Service_Role_Key> -Unter Project Settings -> API -> Project API keys Suchen Sie die secret service_role .

Social Login (OAuth) einrichten

Um soziale Anmeldungsfunktionen zu aktivieren, folgen Sie den folgenden Leitfäden für jede Plattform:

• Github Login : Konfigurieren Sie einfach Ihre Supabase -Einstellungen. Ausführliche Anweisungen finden Sie im Supabase Github OAuth -Handbuch - Sie müssen nur Supabase konfigurieren
• Google Login : Befolgen Sie die in der Supabase Google OAuth Guide beschriebenen Schritte
• Weitere Anbieter : Wenden Sie sich an eine vollständige Liste aller verfügbaren Social Login -Methoden, um die Supabase Social Login -Dokumentation

Diese Leitfäden führen Sie durch die erforderlichen Konfigurationen für die Aktivierung von OAuth-basierten sozialen Anmeldungen.

Starten Sie die App

Führen Sie zunächst den Entwicklungsserver aus:

npm run dev
# or
yarn dev
# or
pnpm dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Sie können mit der Bearbeitung der Seite beginnen, indem Sie app/page.tsx ändern. Die Seite Auto-Updates, während Sie die Datei bearbeiten.

In diesem Projekt optimieren und laden Sie next/font automatisch, eine benutzerdefinierte Google -Schriftart.

Auf Vercel bereitstellen

Der einfachste Weg, um Ihre Next.js -App bereitzustellen, besteht darin, die Vercel -Plattform von den Erstellern von Next.js. zu verwenden.

Weitere Informationen finden Sie in unserer Next.JS -Bereitstellungsdokumentation.

Beitragen

Sind Sie daran interessiert, zu DevHunt beizutragen, lesen Sie bitte unseren beitragenden Leitfaden, um mehr über unseren Entwicklungsprozess zu erfahren, bevor Sie eine Pull -Anfrage einreichen.

Gabeln und Klonen

Sie können es frei haben, es zu gabelieren und zu klonen, solange Sie sich eindeutig auf das ursprüngliche Projekt beziehen. Wenn es sich um einen GitHub handelt, finden Sie unter https://github.com/marsx-dev/devhunt, wenn es sich um eine Website handelt, dann finden Sie DevHunt.org mit einem prominenten Logo und einem Link.