> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.knapsack.cloud/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.knapsack.cloud/_mcp/server.

# Required Prep

**Important:** Before you can begin, you must speak with a Knapsack sales representative. Self-service sign-ups are not yet available, and a representative will assist you in setting up and using your Site ID. For assistance, please reach out to our sales team at [sales@knapsack.cloud](mailto:sales@knapsack.cloud)

## Overview

Before you dive all the way in, there are several preparatory steps you need to complete. These steps ensure a smooth installation and configuration process, setting you up for success. This document outlines the necessary actions and considerations to get started with Knapsack.

### Site ID

The Site ID is a crucial component in setting up your Knapsack workspace. It uniquely identifies your workspace and will be used in various URLs and configuration files, from local development environments to cloud systems.

<u>Here are the key points to consider</u>:

* **Importance**: The Site ID will be embedded in multiple configuration files and the workspace URL. Ensure you choose a name that accurately represents your organization or project.
* **Obtaining the Site ID**: You will receive your Site ID from a Knapsack sales representative after completing the sign-up process. It is not possible to generate a Site ID on your own.
* **Long-term Impact**: Changing the Site ID after initial setup is complex and should be avoided. Carefully decide on a suitable Site ID during this phase.

### First User

Identifying the first user for your Knapsack workspace is essential for establishing administrative access and initiating team onboarding.

<u>Here’s what you need to know</u>:

* **Role of the First User**: This user will have administrative privileges to configure the workspace and invite additional team members.
* **SSO Integration**: If your organization uses Single Sign-On (SSO) and depending on your plan level, Knapsack can integrate with your SSO system to manage user access seamlessly.
* **Information Required**: Provide the name and email address of the individual who will be the first user in your Knapsack workspace. This ensures they can begin setting up the environment and inviting team members.

### Select Renderer(s)

Choosing the appropriate renderer(s) is an important decision that will affect how your components are built and displayed. While this step is flexible and allows for future adjustments, having a clear initial choice is beneficial.

<u>Important aspects to keep in mind</u>:

* **Primary Frameworks**: Determine the primary framework your team uses (e.g., React, Vue).
* **Supported Renderers**: Knapsack supports various frameworks, including React, Vue, Web Components, Angular, Handlebars, HTML, and Twig (Twig requires PHP).
* **Flexibility**: Additional renderers from the above supported list can be added as needed, but having an initial decision helps streamline the setup process.

### Identifying a Repo

Determining the repository hosting service you'll use with Knapsack is vital for managing your codebase effectively.

<u>Knapsack supports several Git providers</u>:

* **Supported Providers**: We support GitHub (preferred), GitLab, Bitbucket, and Azure DevOps.
* **Repository Access**: Ensure you have the necessary permissions and access to the repository you plan to connect with Knapsack.
* **Best Practices**: Choose a Git provider that aligns with your organization's workflows and provides the features you need for efficient version control and collaboration.

**By completing these preparatory steps, you will be well-equipped to proceed with the system prerequisites and the subsequent technical setup of Knapsack.** Ensuring these elements are in place will facilitate a smoother and more efficient implementation process.

***

## Next Steps

#### [System Prerequisites](/get-started/required-prep/system-prerequisites)

Before you can start running Knapsack, it’s essential to prepare your system to ensure a smooth setup process.

#### [Knapsack Architecture](/get-started/required-prep/knapsack-architecture)

This document is designed to provide a clear and detailed understanding of the various technologies and infrastructures that support Knapsack's technical framework.

#### [Install Knapsack](/get-started/install)

Knapsack can be installed alongside your existing components with the ability to extend with your favorite tools like Cypress testing or visual regression testing.