Server-Side Rendering

[kostya-zero]

В общем

Реализован SSR для всех возможных страниц. Чтобы не отдавать на рендер всю страницу клиенту, я сделал так, что большая часть страницы рендерится на сервере, и уже динамический контент рендерится на клиенте.

Сравнение Size и First Load JS

Старый

Route (app)                                 Size  First Load JS
┌ ○ /                                    5.52 kB         187 kB
├ ○ /_not-found                            139 B         103 kB
├ ○ /auth                                3.79 kB         117 kB
├ ○ /clubs                               8.65 kB         209 kB
├ ƒ /clubs/[id]                          6.94 kB         244 kB
├ ƒ /clubs/[id]/subscribers              4.61 kB         199 kB
├ ƒ /events                              3.78 kB         127 kB
├ ƒ /events/[id]                         3.08 kB         153 kB
├ ○ /events/calendar                     17.8 kB         215 kB
├ ○ /finder                                139 B         103 kB
├ ƒ /post/comments/[id]                  19.2 kB         287 kB
├ ○ /post/draft                          3.58 kB         119 kB
├ ○ /profile                             6.96 kB         207 kB
├ ƒ /profile/[id]                        5.36 kB         236 kB
├ ƒ /profile/[id]/clubs                  5.32 kB         205 kB
├ ○ /profile/clubs                       5.43 kB         205 kB
├ ƒ /profile/settings                    7.91 kB         206 kB
├ ○ /profile/settings/about              2.99 kB         127 kB
├ ○ /profile/settings/appearance         3.77 kB         130 kB
├ ƒ /profile/settings/club/[id]          9.54 kB         204 kB
├ ○ /profile/settings/create-club        10.3 kB         221 kB
├ ○ /profile/settings/edit               1.24 kB         117 kB
├ ○ /profile/settings/feedback           1.24 kB         117 kB
└ ○ /profile/settings/notifications      1.24 kB         117 kB
+ First Load JS shared by all             103 kB
  ├ chunks/1255-84120358be6b2e7f.js      45.5 kB
  ├ chunks/4bd1b696-100b9d70ed4e49c1.js  54.2 kB
  └ other shared chunks (total)          3.28 kB


ƒ Middleware                             66.5 kB

Новый

┌ ○ /                                       5 kB         186 kB
├ ○ /_not-found                            136 B         103 kB
├ ○ /auth                                 3.8 kB         116 kB
├ ○ /clubs                               11.6 kB         206 kB
├ ƒ /clubs/[id]                          18.7 kB         267 kB
├ ƒ /clubs/[id]/subscribers              4.95 kB         198 kB
├ ƒ /events                              2.73 kB         122 kB
├ ƒ /events/[id]                          1.8 kB         155 kB
├ ○ /events/calendar                     18.1 kB         208 kB
├ ○ /finder                                136 B         103 kB
├ ƒ /post/comments/[id]                  8.04 kB         284 kB
├ ○ /post/draft                           3.5 kB         118 kB
├ ƒ /profile                               136 B         103 kB
├ ƒ /profile/[id]                        3.96 kB         225 kB
├ ƒ /profile/[id]/clubs                  8.55 kB         207 kB
├ ○ /profile/settings                    7.84 kB         201 kB
├ ○ /profile/settings/about              1.73 kB         125 kB
├ ○ /profile/settings/appearance         4.06 kB         129 kB
├ ƒ /profile/settings/club/[id]          5.55 kB         203 kB
├ ○ /profile/settings/create-club        10.6 kB         217 kB
├ ○ /profile/settings/edit               1.16 kB         116 kB
├ ○ /profile/settings/feedback           1.16 kB         116 kB
└ ○ /profile/settings/notifications      1.16 kB         116 kB
+ First Load JS shared by all             103 kB
  ├ chunks/1255-84120358be6b2e7f.js      45.5 kB
  ├ chunks/4bd1b696-100b9d70ed4e49c1.js  54.2 kB
  └ other shared chunks (total)          3.25 kB


ƒ Middleware                             65.1 kB

[Copilot]

Pull Request Overview

This PR implements Server-Side Rendering (SSR) for all possible pages in the application. The key objective is to reduce client-side rendering load by having the server handle most of the page rendering, leaving only dynamic content to be rendered on the client.

• Migrated multiple pages to SSR with proper data fetching at the server level
• Refactored profile routing to use dynamic IDs instead of client-side redirects
• Removed client-side dependency patterns and replaced with server actions
• Updated CSS variables and styling optimizations

Reviewed Changes

Copilot reviewed 73 out of 77 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
src/server-actions/actions/getPersonIdFromToken.action.ts	New server action to extract person ID from JWT token
src/server-actions/middleware/utils/jwt-verify.ts	Simplified JWT verification by removing explicit type annotation
src/app/(auth)/(withMenuNavigation)/profile/page.tsx	Changed to redirect to user-specific profile URL using server-side token parsing
src/app/(auth)/(withMenuNavigation)/events/page.tsx	Converted to SSR with server-side data fetching
src/app/(auth)/(withMenuNavigation)/clubs/[id]/page.tsx	Added SSR support with proper error handling
Multiple component files	Reorganized imports and removed client-side dependencies for SSR compatibility

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[ngusev-dev]

Тут вроде без ssr: false возникает ошибка в консоли

[kostya-zero]

И вместе с ней тоже, так как это серверный компонент, но без него сборка проходит. Предлагаю пока оставить как есть и посмотреть как это в проде будет работать.