ai prompt sharing

Посмотреть развертывание

Это проект Next.js, загруженный с create-next-app .

Начиная

Во -первых, запустите сервер разработки:

npm run dev
# or
yarn dev
# or
pnpm dev

Откройте http: // localhost: 3000 с вашим браузером, чтобы увидеть результат.

Вы можете начать редактировать страницу, изменяя app/page.js . Страница автоматически обновится при редактировании файла.

Этот проект использует next/font для автоматической оптимизации и загрузки Inter, пользовательского шрифта Google.

Узнать больше

Чтобы узнать больше о следующем.js, посмотрите на следующие ресурсы:

• Next.js Документация - Узнайте о функциях Next.js и API.
• Узнайте Next.js - интерактивный учебник Next.js.

Вы можете проверить хранилище следующего.js GitHub - ваши отзывы и вклады приветствуются!

Развернуть на Vercel

Самый простой способ развернуть ваше приложение.

Ознакомьтесь с нашей документацией по развертыванию Next.js для получения более подробной информации.

Структура проекта:

• /app/ - приложение Next.js, которое имеет соответствующие страницы в соответствующей папке (NextJS имеет маршрутизацию на основе папок, PathName в URL будет именем папки, и, соответственно, будет отображаться страница)
  • /app/api/ - следующая маршрута API api.
  • /app/folder/ - Маршрутизация на основе папки, страницы для соответствующих маршрутов (имена папок)
• /components/ - Повторные компоненты пользовательского интерфейса с некоторой логикой
• '/models/` - модели схемы для базы данных
• /public/ - Next.js Public Directory
• /styles/ - Справочник следующего.js Styles
• /utils/ - Просто некоторые функции утилиты, такие как ConnectTodb, чтобы вызовать для подключения к базе данных MongoDB

Переменные среды:

• Создать .env в корне с следующими переменными:

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

Используются пакеты:

• next - Framework Next.js
• next-auth - библиотека аутентификации Next.js
• mongodb - водитель монгодба
• mongoose - монгодб ODM
• react - структура React.js
• react-dom - react.js dom рендердер
• tailwindcss - для стиля

Развернуто на Vercel

• Посмотреть развертывание

Кредиты: Mastery JavaScript - Адриан Хадждин