ai prompt sharing

Bereitstellung anzeigen

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

Erste Schritte

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.js ä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.

Erfahren Sie mehr

Um mehr über Next.js zu erfahren, sehen Sie sich die folgenden Ressourcen an:

• NEXT.JS DOCUMENTATION - LERNEN SIE NEXT NEXT.JS -Funktionen und API.
• Lernen Sie Next.js - Ein interaktives Next.js -Tutorial.

Sie können das nächste.js Github -Repository ansehen - Ihr Feedback und Ihre Beiträge sind willkommen!

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.

Projektstruktur:

• /app/ - Die Next.js -App mit jeweiligen Seiten im jeweiligen Ordner (NextJS hat Ordnerbasierte Routing, Pathname in der URL ist der Ordnername und dementsprechend wird die Seite gerendert)
  • /app/api/ - Die nächsten.js -API -Routen/Backend
  • /app/folder/ - Ordnerbasierte Routing, Seiten für jeweilige Routen (Ordnernamen)
• /components/ - Die wiederverwendbaren UI -Komponenten mit einer Logik
• '/models/` - Schematmodelle für die Datenbank
• /public/ - das nächste.js öffentliche Verzeichnis
• /styles/ - das nächste.js Styles -Verzeichnis
• /utils/ - Nur einige Dienstprogrammfunktionen wie ConnectToDB, um eine Verbindung zur MongoDB -Datenbank herzustellen

Umgebungsvariablen:

• Erstellen Sie .Env im Stamm mit folgenden Variablen:

 GOOGLE_ID=
GOOGLE_CLIENT_SECRET=
MONGODB_URI=
NEXTAUTH_URL=
NEXTAUTH_URL_INTERNAL=
NEXTAUTH_SECRET=

Pakete verwendet:

• next - im nächsten.js Framework
• next-auth - DIE NEXT.JS -Authentifizierungsbibliothek
• mongodb - der MongoDB -Treiber
• mongoose - der MongoDB ODM
• react - das React.js -Gerüst
• react-dom - Der React.js Dom Rendererer
• tailwindcss - zum Styling

Auf Vercel eingesetzt

• Bereitstellung anzeigen

Credits: JavaScript -Meisterschaft - Adrian Hajdin