> This page is for Developer.

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

# Course Overview and Prerequisites

Plan: Composable Developer

Lesson 1 of 22 · 5 min

## Course Overview

In this course, you'll build a strong technical foundation for working with Makeswift, the composable visual content editor that enables marketers to create enterprise-grade web experiences. The key to enhancing the capabilities of your branding team to design world-class content is in building effective custom components for the Makeswift editor. This course will be your guide to building complex components, as well as giving you a look into the Next.js architecture that powers the Makeswift editor and frontend.

## Course Objectives

* Identify the key aspects of the Makeswift visual editor and how to use them
* Review the options for setting up a Makeswift site and effectively utilize the CLI tools
* Examine the architecture of the Makeswift client, runtime, and layout integration in Next.js
* Identify important Makeswift component controls and how to map them to code-level properties
* Understand best practices for creating effective components
* Apply what you've learned about Makeswift architecture by completing hands-on labs