ai prompt sharing

Afficher le déploiement

Ceci est un projet Next.js Bootstrapé avec create-next-app .

Commencer

Tout d'abord, exécutez le serveur de développement:

npm run dev
# or
yarn dev
# or
pnpm dev

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

Vous pouvez commencer à modifier la page en modifiant app/page.js La page indique automatiquement la mise à jour lorsque vous modifiez le fichier.

Ce projet utilise next/font pour optimiser et charger automatiquement Inter, une police Google personnalisée.

Apprendre encore plus

Pour en savoir plus sur Next.js, jetez un œil aux ressources suivantes:

• Documentation Next.js - Découvrez les fonctionnalités et API Next.js.
• Apprenez Next.js - Un tutoriel interactif NEXT.JS.

Vous pouvez consulter le référentiel GitHub suivant. Vos commentaires et contributions sont les bienvenus!

Déployer sur Vercel

La façon la plus simple de déployer votre application Next.js est d'utiliser la plate-forme Vercel à partir des créateurs de next.js.

Consultez notre documentation de déploiement Next.js pour plus de détails.

Structure du projet:

• /app/ - l'application suivante.js qui ont des pages respectives dans le dossier respectif (NextJS a un routage basé sur des dossiers, le chemin d'accès dans l'URL sera le nom du dossier et en conséquence, la page sera rendue)
  • /app/api/ - les routes / backend API suivantes
  • /app/folder/ - routage basé sur les dossiers, pages pour les routes respectives (noms de dossiers)
• /components/ - les composants d'interface utilisateur réutilisables avec une certaine logique
• '/ modèles / `- modèles de schéma pour la base de données
• /public/ - le répertoire public suivant.js
• /styles/ - Le répertoire des styles suivants suivants
• /utils/ - juste quelques fonctions d'utilité comme ConnectTodb pour appeler pour se connecter à la base de données MongoDB

Variables d'environnement:

• Créer .env dans la racine avec les variables suivantes:

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

Packages utilisés:

• next - le cadre suivant.js
• next-auth - La bibliothèque d'authentification suivante suivante
• mongodb - Le chauffeur MongoDB
• mongoose - Le MongoDB ODM
• react - Le cadre React.js
• react-dom - le rendu react.js Dom
• tailwindcss - pour le style

Déployé sur Vercel

• Afficher le déploiement

Crédits: Mastery JavaScript - Adrian Hajdin