Sitecore JSS Copilot - Setting up the tool locally

< Previous: Setting up JSS Copilot - Design to Code vs Code conversion

---

Follow these steps to get your development environment set up:

1. Clone the repository

git clone https://github.com/ahmed-ae/SitecoreCodeConversionGenAI.git

2. Navigate to the project directory

cd SitecoreCodeConversionGenAI

3. Install dependencies

npm install

Build the project

npm run build

4. Set up environment variables You can either use OpenAI Gpt-4o or Anthropic Claude 3.5 Sonnet or both, first you need to get API keys for each:

5. Create a .env.local file in the root directory

6. Add your Anthropic API key:

ANTHROPIC_API_KEY=your_api_key_here

7. Add your OpenAI API key:

OPENAI_API_KEY=your_api_key_here

Note: You can get the OpenAI API key from here: https://platform.openai.com/ or Anthropic API key from here: https://console.anthropic.com/

8. Start the development server

npm run dev

9. Open http://localhost:3000 in your browser to see the application in action!

---

< Previous: Setting up JSS Copilot - Design to Code vs Code conversion