Як Отримувати Дані у Next.js

Розглянемо різні методи отримання даних у Next.js.

API-рівень

API-рівень виступає посередником між кодом вашого застосунку та базою даних. Варто використовувати API у таких випадках:

1. Сторонні сервіси: Якщо ви інтегруєте сторонні сервіси, які надають API;
2. Отримання даних на клієнті: Під час отримання даних на клієнті важливо мати API-рівень на сервері. Це допомагає зберігати секрети бази даних у безпеці та не розкривати їх клієнту.

Запити до бази даних

У повноцінному стек-додатку також необхідно обробляти взаємодію з базою даних. Для реляційних баз даних, таких як Postgres, це можна зробити за допомогою SQL або ORM, наприклад Prisma. Випадки, коли потрібно писати запити до бази даних, включають:

1. Створення API-ендпоінтів: Під час розробки API-ендпоінтів необхідно реалізувати логіку для взаємодії з базою даних;
2. React Server Components: Якщо використовується React Server Components і отримання даних відбувається на сервері, можна обійти API-рівень. Це дозволяє напряму виконувати запити до бази даних без ризику розкриття конфіденційної інформації клієнту.

У нашому проєкті

Ми будемо використовувати SQL разом із Vercel Postgres SDK з кількох причин:

• SQL є стандартом для запитів до реляційних баз даних;
• Вивчення SQL допомагає зрозуміти основи роботи з базами даних, що застосовно до різних інструментів;
• SQL універсальний для отримання та обробки конкретних даних;
• Vercel Postgres SDK захищає від SQL-інʼєкцій, забезпечуючи безпечні запити.