Давайте детально розглянемо структуру проєкту.

• app: Цей каталог є основою вашого застосунку, містить усі маршрути, компоненти та логіку. Саме тут ви проводитимете більшість часу, розробляючи основний функціонал;
• app/lib: Містить основні функції, які використовуються у всьому застосунку. Сюди входять утилітарні функції для повторного використання в різних частинах проєкту та функції для отримання даних;
• app/ui: Тут знаходяться всі UI-компоненти, що формують візуальні елементи застосунку, такі як картки, таблиці та форми. Ці компоненти вже мають попереднє стилізування для економії часу;
• public: Зберігає статичні ресурси, наприклад, зображення, які використовуються у вашому застосунку;
• scripts: Скрипт для наповнення бази даних у цій директорії стане у пригоді в одному з наступних розділів. Ця папка не є стандартною особливістю Next.js, а створена спеціально для роботи з реальною базою даних.