Salesforce B2C Commerce 24.7 > Developing Your Site > Legacy Developer Documentation > UX Studio

Create a Storefront Project

How you create a storefront project depends on whether you are using SFRA or SGJC.

If you are using SFRA, see Adding Custom Cartridges.

If you are using SGJC, perform the steps below.

When you have installed UX Studio and downloaded the API source cartridges, you can create a cartridge for your code.

Start UX Studio.
Select File > New > SiteGenesis Storefront Cartridges.
Select a Salesforce B2C Commerce Server, and click Next.
Configure the cartridge, and then click Finish.
1. Name: Enter a root name for the Storefront Cartridges.
  The name must begin with a letter and can include only letters, numbers, and underscores (_). We suggest using the naming convention HostnameProjectname.
2. Location: enter a location for the project or accept the default, which is a projects directory outside t the workspace.
3. Attach to B2C Commerce Servers: select the server connection to the instance where you want to upload code.
  
  Note: Use the controller cartridge. The cartridge is included for legacy projects that are migrating to controllers.
Create a tern project, which provides code completion in the editor. If you do not create the tern project, code completion isn't available when editing scripts with Commerce Cloud APIs in Eclipse.

Troubleshooting Cartridges

If you don't see a cartridge named myname_storefront_core, it's likely that you created a New B2C Commerce Cartridge instead of a B2C Commerce Storefront Cartridge.

Fix: Delete the cartridge, and create the cartridge again.

If the server connection doesn't have two checkmarks next to it.

Fix: Delete the cartridge, and create the cartridge again.