How to package Next into a CSR? Or do you have any ideas?

[parlay96]

Goals

1. How to package Next into a CSR? Or do you have any ideas?
2. Our project has implemented SSR for SEO, and now we want to continue packaging it as CSR

Non-Goals

Background

Our project has implemented SSR for SEO, and now we want to continue packaging it as CSR

Proposal

I don't know either

[parlay96]

We don't want to develop the CSR project again because both are React technologies with the same functional pages, so there's no need to maintain two sets of projects

[parlay96]

@timneutkens @Timer hi，boss， Do you have any ideas

[imrashidov]

Since your project already uses SSR for SEO, you might consider keeping the SSR pages for SEO-critical routes while converting non-critical pages or parts of your app to CSR. This lets you maintain SEO benefits where needed, yet offload the rest to CSR for faster client-side transitions.

[parlay96]

@imrashidov However, our requirement is to convert the SSR pages to CSR as well. All pages of the project are SSR, and we now want to package them into a set of CSR, but we don't want to redevelop the project

[imrashidov]

Use Next.js’s dynamic import feature to load components only on the client side. For example:

import dynamic from 'next/dynamic';

const MyComponent = dynamic(() => import('../components/MyComponent'), { ssr: false });

[parlay96]

@imrashidov I don't understand what you mean, but what I'm thinking is that after I package it as a CSR project, I don't need to start any services to run the Next project. I just want it to be a very pure single page application after packaging.

[parlay96]

@imrashidov I don't want it to continue using node servers for hosting and PM2 management. I just think it's a regular React project packaged as a single page application

[imrashidov]

Try adding this code:

module.exports = {
  trailingSlash: true
}

on your next.config.js and build