Development / CMS
Complete step-by-step guide to create a Sitecore JSS project with Sitecore XPShape
SSaurav Kumar2 Min Read
In This Article
- 1. Prerequisites (Install Everything First)
- 2. Install Sitecore XP (Local Instance)
- 3. Install Sitecore JSS CLI
- 4. Create a New JSS App
- 5. Connect JSS App to Sitecore XP
- 6. Deploy JSS App to Sitecore
- 7. Run JSS App in Connected Mode
- 8. Test the Integration
- 9. Create First Component
- 10. Build for Production
- 11. Optional: Headless Services Setup
- Architecture Overview
Here’s a complete step-by-step guide to create a Sitecore JSS project with Sitecore XP, starting from software installation → project setup → deployment → running.
1. Prerequisites (Install Everything First)
Required Software
1. Development Tools
- Install Node.js (LTS version recommended, e.g. 18+)
- Install npm (comes with Node)
- Install Git
- Install Visual Studio Code
2. Sitecore XP Requirements
Install:
- Microsoft SQL Server
- Solr
- IIS
- .NET SDK (.NET Framework 4.8 + .NET Core if required)
- Dotnet runtime (dotnet-runtime-10.0.5-win-x64)
- Dotnet hosting (dotnet-hosting-10.0.5-win or dotnet-hosting-2.1.30-win)
- Aspnet core runtime (aspnetcore-runtime-2.1.30-win-x64
3. Sitecore Installation Tools
- Install Sitecore Install Framework (SIF)
- Install Sitecore PowerShell Extensions (SPE)
