Блог

Я использую Next JS и маршруты api для создания своих API. У меня есть 2 вопроса, если кто-нибудь может ответить.

1. Если я хочу использовать служебную функцию или глобальные постоянные переменные, которые мне нужно включить в несколько файлов api, где лучше всего их хранить? И импортировать их, используя относительные пути?

2. Есть ли пример следующего проекта JS, который не является просто вашим учебным пособием по базовым маршрутам api для изучения структур папок?

Вы можете сохранить свои функции util в папке utils в корне папки вашего проекта.

 |-root
  |-components
    |-Navbar.js
    |-Footer.js
  |-styles
    |-global.css 
    |-navbar.module.css   
    |-footer.module.css        
  |-pages
    |-api
      |-users.js
    |-index.js
  |-utils
    |- dbConnect.js
  

Допустим, вы хотите импортировать dbConnect.js от pages/api/user.js

• Относительный импорт:

import dbConnect from '../../utils/dbConnect';

• Абсолютный импорт:

import dbConnect from 'src/utils/dbConnect';

Вот ссылка на пример проекта, который может вам помочь: https://github.com/vercel/next.js/tree/canary/examples/with-mongodb-mongoose

Если вы заинтересованы в использовании абсолютного импорта, вы можете проверить эту ссылку на документацию: https://nextjs.org/docs/advanced-features/module-path-aliases