NoteHub

Огляд

NoteHub — це повнофункціональний застосунок для керування нотатками, розроблений на Next.js App Router. Проєкт демонструє сучасні практики розробки на React, зокрема Server-Side Rendering, Client-Side Rendering, динамічну маршрутизацію, гідратацію React Query, керування станом за допомогою Zustand, SEO-оптимізацію та адаптивний інтерфейс.

Мій внесок

Обов'язки

• Створення застосунку за допомогою Next.js App Router
• Реалізація Server-Side Rendering
• Реалізація Client-Side Rendering
• Інтеграція REST API за допомогою Axios
• Налаштування гідратації React Query
• Реалізація динамічної маршрутизації
• Додавання SEO-метаданих та Open Graph
• Реалізація фільтрації нотаток
• Створення сторінки деталей нотатки
• Реалізація збереження чернеток за допомогою Zustand
• Налаштування збереження в localStorage
• Розробка адаптивного UI за допомогою CSS Modules

Виклики

• Поєднання SSR і CSR
• Гідратація React Query
• Динамічна маршрутизація з App Router
• SEO-оптимізація
• Збереження чернеток за допомогою Zustand