API Folder and CRUD Operations (App Router)

• Мета: Організація API та реалізація CRUD-операцій (створення, читання, оновлення, видалення).
• Переваги: Легке управління взаємодією з сервером та базою даних.

Rendering (Server side and Client side)

• Мета: Керування тим, як компоненти відображаються на сервері та клієнтському боці.
• Переваги: Забезпечує оптимальну продуктивність та SEO-підтримку.

Fetch Data on the Client Side (SWR - stale-while-revalidate)

• Мета: Кешування та оновлення даних на клієнтському боці.
• Переваги: Підтримка миттєвого оновлення даних без перезавантаження сторінки.

SWR Mutation - instant data update without reloading

• Мета: Миттєве оновлення даних без потреби перезавантаження сторінки.
• Переваги: Покращує відчуття користувача та зменшує навантаження на сервер.

SEO (Static and Dynamic SEO)

• Мета: Підтримка оптимізації пошукових систем для покращення видимості веб-сторінок.
• Переваги: Забезпечує ефективну індексацію та високий рейтинг в пошукових системах.

Google Auth

• Мета: Можливість авторизації користувачів за допомогою облікових записів Google.
• Переваги: Зручний та популярний спосіб входу.

Credentials Auth with bcrypt.js (Sign in with Email and Password)

• Мета: Безпечна авторизація за допомогою електронної пошти та пароля з використанням bcrypt.js
• Переваги: Захист від несанкціонованого доступу.

Protected Routes with Auth.js

• Мета: Захист сторінок від доступу невповноважених користувачів.
• Переваги: Забезпечує безпеку конфіденційних частин додатку, таких як особисті дані чи адмінські панелі.

Admin Dashboard - post management

• Мета: Створення адміністративної панелі для ефективного управління контентом.
• Переваги: Забезпечує зручний інтерфейс для керування публікаціями та іншим вмістом.

A simple progressbar component using NProgress - nextjs-progressbar.js

• Мета: Додавання прогрес-бару для візуального відображення завантаження сторінок.
• Переваги: Покращує користувацький інтерфейс та вказує на активність додатку.

Page layout for screens: max-width:480px, max-width:768px, max-width:1200px, 1201px and more

• Мета: Адаптація дизайну для всіх екранів.
• Переваги: Забезпечує оптимальний вигляд та використання простору для користувачів з будь-якими моніторами.

Internationalization (i18n) Routing

• Мета: Підтримка міжнародизації для різних мов та регіонів.
• Переваги: Розширює аудиторію та забезпечує доступність для користувачів з різних мовних груп.

В результаті створено ефективний, безпечний та зручний для використання веб-додаток, написаний на JavaScript-библиотеці React.