> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: Code in Blocks with the SDK

## Article: Code in Blocks with the SDK

## Article Link: https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/code-in-blocks/code-in-blocks-with-the-sdk.md

## Article Content:

# Code in Blocks with the SDK

<blockquote class="caution">

**Editor compatibility**

Wix Blocks apps aren't supported in the Wix Harmony editor. Existing Blocks apps remain available for purchase on the Wix App Market for Wix Editor and Wix Studio sites. To learn more, see [About Wix Harmony and Blocks](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/about-wix-harmony-and-blocks.md).

</blockquote>

You can now use the [Wix JavaScript SDK](https://dev.wix.com/docs/sdk.md) instead of Velo APIs for most functionality when building apps with Blocks. This marks the beginning of a gradual transition from using Velo APIs to using the next generation SDK.

The Wix JavaScript SDK follows industry standards, using npm modules to make development more accessible for professional web developers. It offers greater stability and aligns with the tools used across Wix CLI and self-hosted apps.

You are encouraged to start using the SDK in all new and ongoing development projects. You may also want to [migrate existing code](https://dev.wix.com/docs/develop-websites/articles/coding-with-velo/develop-with-the-sdk/migrate-from-velo-to-the-sdk.md) written using Velo APIs to the SDK.

## Install the npm package
Before you can import an SDK module in your code, you must install the corresponding npm package to your app.
- To install the packages in Blocks, go to **Code {}** > **npm** > **Install packages from npm**. 
- To install the package in the [Blocks CLI integration](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/code-in-blocks/about-the-blocks-cli-integration-for-widgets.md), use the command line.

<blockquote class="important">

**Important:** The Blocks-CLI integration only works with the [Wix CLI for Apps](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/about-the-wix-cli-for-apps.md). The new [Wix CLI](https://dev.wix.com/docs/wix-cli/guides/about-the-wix-cli.md), which is the recommended tool for new app projects, doesn’t support this integration.

</blockquote> 

## See also

Learn more about the [transition from Velo APIs to the SDK](https://dev.wix.com/docs/develop-websites/articles/coding-with-velo/develop-with-the-sdk/develop-websites-with-the-sdk.md).