React i next.js - Częściowe renderowanie po stronie servera a częściowe SPA

Question

Cześć wszystkim, chciałbym napisać aplikację w react która w ~80% jest aplikacją SPA gdzie dostęp będzie tylko po zalogowaniu i nie chce zeby te strony były indeksowane, oraz w ~20% żeby była renderowana po stronie servera dla wszystkich np. lista profili itd. które chciałbym indeksować w google.

Czy można w next.js zrobić po prostu w routerze żeby dla strony głównej zwracało SPA apkę, a dla konkretnych podstron wygenerowaną przez server stronę?

Czy są na takie problemy jakieś inne profesjonalnie rozwiązania? jeśli tak to jakie?

Comments

SPA też jest wygenerowane przez serwer.
Albo serwer generuje tylko dane nawet jeśl itak jest to jeśli SPA nie jest definicją stron statycznych bo są w pełni SPA które są dynamiczne.

SPAs can support rich client-side functionality that doesn't require reloading the page as users take actions or navigate between areas of the app, 

Większość stron jest teraz SPA.

Answer 1

Dodajesz znaczkin meta do head w page który ma nie być indeksowany i tyle. 

<meta name="robots" content="noindex">

Możesz też zwracać nagłówek 403 aby wykluczyć indeksowanie jeśli nie korzystasz z statycznych stron.
 

export const getServerSideProps = async ({ res }) => {
  res.statusCode = 404
  //...
};

Nie wiem co rozumiesz pod pojęciem SPA bo next.js to MPA. Każdy page potrzebuje przeładować całego HTMLa.