### Clone and Start Code Server

Source: https://github.com/adobedocs/commerce-admin-developer/blob/main/README.md

Clones the adp-devsite repository, installs dependencies, and starts the code server for local development.

```bash
git clone https://github.com/AdobeDocs/adp-devsite
cd adp-devsite
npm install
npm run dev

```

--------------------------------

### Clone and Start Runtime Connector

Source: https://github.com/adobedocs/commerce-admin-developer/blob/main/README.md

Clones the devsite-runtime-connector repository, installs dependencies, and starts the runtime connector server for local development.

```bash
git clone https://github.com/aemsites/devsite-runtime-connector
cd devsite-runtime-connector
npm install
npm run dev

```

--------------------------------

### Start Content Server

Source: https://github.com/adobedocs/commerce-admin-developer/blob/main/README.md

Starts the content server for local development. This server runs on port 3003.

```bash
npm run dev

```

--------------------------------

### Run Content Validation

Source: https://github.com/adobedocs/commerce-admin-developer/blob/main/README.md

Executes a comprehensive content validation script. This checks for internal and external links, validates front matter, and more.

```bash
npm run lint

```

--------------------------------

### Lint Markdown Files

Source: https://github.com/adobedocs/commerce-admin-developer/blob/main/README.md

Executes a script to lint markdown files before pushing changes. This helps maintain code quality and consistency.

```bash
npm run lint:md

```

--------------------------------

### Fix Markdown Linting Errors

Source: https://github.com/adobedocs/commerce-admin-developer/blob/main/README.md

Automatically fixes linting errors in markdown files. Run this command to ensure your markdown adheres to the project's standards.

```bash
npm run lint:md:fix

```

--------------------------------

### Validate Table of Contents

Source: https://github.com/adobedocs/commerce-admin-developer/blob/main/README.md

Runs a validation script specifically for the table of contents (TOC) file. This ensures the TOC is correctly formatted and structured.

```bash
npm run test:config

```

--------------------------------

### Use aria-hidden for Accessibility

Source: https://github.com/adobedocs/commerce-admin-developer/blob/main/src/pages/pattern-library/graphics/iconography.md

Hide CSS-generated content or Unicode characters from screen readers to prevent confusing announcements. This is crucial for icons that do not have accompanying text labels.

```html
<style>
  .icon-star:before { content: "★ "; }
</style>

<span><span class="icon-star" aria-hidden="true"></span>Favorite</span>
```