In this blog, we will see steps to integrate the Next.js application into the Sitecore experience editor.We need to add JssEditingSecret value in Sitecore as well as in the Next.js application. Both these values should match experience editor work.
Before making changes make sure the Sitecore/config/sitecore-jss-app.config file has the three values
serverSideRenderingEngine=”http” serverSideRenderingEngineEndpointUrl=”http://localhost:3000/api/editing/render” serverSideRenderingEngineApplicationUrl=”http://localhost:3000″
We will apply the Sitecore configuration using a path config file.
Once you made the above change, publish this config using below command. Make sure you are running the terminal in Administrator mode
jss deploy config
Open .env file in your next.js application and add the same value to JSS_EDITING_SECRET key.
Run the application using jss start:connected
Go to Sitecore content editor and open any page in Experience editor. Now you will be able to view the page in Experience editor.