Sitecore Next JSS - Helix architecture setup

This blog can help you to work with Sitecore CMS and set up the helix architecture with Next JSS. 

The following steps will be used to set up the helix architecture for the Next JSS application. These guidelines are applicable to Sitecore 10.3. 

1. Create the project solution by referring to the following blog. You can name your solution anything you like.

https://sitecoreknowledgehub.blogspot.com/2023/03/sitecore-jss-next-jss-local-environment.html

2. The output of step #1 is shown below.

3. Create  the main Helix folder structure like below,

4. Create a module.json file inside the feature folder and update the JSON file with the item paths.

5. Move NextJs framework code/libraries and platform project inside the project folder.

5. Create Foundation projects to maintain common features, helpers,..etc,

6. So far we created the Helix folder structure and changed the existing structure that we get from the getting started template. In order to make the application up and running, please make the following changes in the respective files.

Change the push location path inside file- up.ps1.

Navigate to \run\sitecore-xp0 and update the .env file as per your system configuration.

Update the folder paths (mention paths where the module.json file is located) inside file -\sitecore.json.

Go to file - \dockerfile and change the platform project path.

Change the NextJs source path inside the file -\run\sitecore-xp0\docker-compose.override.yml

7. Finally run the command- docker-compose up -d. Your JSS app should work with Helix setup.

                                                                    Happy learning!