Skip to content

Getting started

Build your first Factory

Turn GitHub issues into a working Next.js application and deploy it with Vercel.

Start with a nearly empty GitHub repository and use SuperPlane to turn two focused issues into a working Next.js application. Then merge the verified work and deploy it with Vercel.

This guide uses the Factory Starter App repository. Instead of asking an agent to build the whole application in one run, you will send small pieces of engineering work through the same factory.

Step 1Start with the work

Create clear GitHub issues for the application you want to build.

Step 2Run it through SuperPlane

Move each issue from Backlog through implementation and verification.

Step 3Ship the application

Merge the pull requests after the configured checks pass and deploy the result with Vercel.

By the end, your work will have followed this path:

  1. IssueDefine a focused result
  2. ImplementLet the agent change the code
  3. VerifyReview checks and the pull request
  4. ProductionMerge and deploy the application

The example is intentionally small. You will create the application in three pieces:

  1. Set up the initial Next.js application.
  2. Build and polish the frontend.
  3. Deploy the application to Vercel.

The first two pieces become GitHub issues. Keeping them separate gives the factory a clear result to implement and verify during each run.

Open the Factory Starter App repository. You do not need a finished application yet. The repository is where you will define the work and where SuperPlane will push each change.

Empty Factory Starter App repository on GitHub
The repository starts almost empty. The issues will define what the factory builds.

Do not create one issue called “Build the whole website and deploy it.” Create smaller issues that give SuperPlane a clear scope, expected result and set of checks.

Issue 1: Create the initial Next.js application

Section titled “Issue 1: Create the initial Next.js application”

Ask for the base application, project structure and a simple homepage. Include acceptance criteria that can be checked locally such as a successful build and an accessible default page.

GitHub issue for setting up the initial Next.js application
The first issue creates a working foundation that the factory can build and test.

Once the base application exists, create a second issue for the real homepage. Describe the layout, required sections and responsive behavior you expect.

GitHub issue for building the Factory Starter App homepage
The second issue improves the application without repeating the initial setup.

Replace this design brief with the actual interface you want the factory to build. Keep the issue focused enough that one pull request can complete it.

Complete these four steps to bring the project into SuperPlane.

If you have not connected a repository before, complete the Quickstart first.

Connect GitHub.

SuperPlane setup screen for connecting GitHub

Connect GitHub to your SuperPlane workspace.

Once connected, the issues you just created should begin appearing in the Backlog.

Open Backlog and select Set up the initial Next.js application. Before an agent changes code, SuperPlane analyzes whether the task is suitable for automation.

Create the Next.js application
  • Clear scope
  • Expected result
  • Build can be run
  • Easy to review

Review the task context. When the scope and expected result look right, select Start.

Starting the task moves it into Implement. The configured coding agent works on the repository while the factory controls the process around it.

Read issueInspect repositorySet up Next.jsCreate homepageInstall dependenciesRun buildCommit changesCreate or update PR

You do not need to describe these operational steps in every issue. The implementation process belongs to the factory.

SuperPlane factory board with the initial application task running in Implement
The agent writes the code. The factory controls the process around it.

The model setting controls which model performs the work. The automation steps define what the agent does during implementation. Concurrency controls how much work can run at the same time.

Open the Implement automation to follow the active run. The automation defines what happens from the moment the task enters Implement until SuperPlane has a result to verify.

SuperPlane Implement automation showing the agent run and pull request steps
The automation runs the implementation steps and prepares the pull request in the background.

When implementation completes, the task moves to Verify. Open the linked pull request and confirm that the application builds, the expected files exist and the default page works.

Initial Next.js application task waiting for review in the Verify stage
The task waits in Verify while you review the pull request and its checks.

If a configured check fails, the failure becomes part of the factory work. The result can return to the agent with the context needed for another attempt. When every required check passes, review and merge the pull request.

Factory Starter App repository after merging the initial Next.js application pull request
The first merged pull request turns the empty repository into a working Next.js project.

Return to Backlog and start Build the Factory Starter App homepage. You do not need to create another factory, rebuild the implementation workflow or recreate verification. The same process handles the next piece of work.

The second issue moves from Backlog through Implement and Verify to a review ready pull request.

This repeatability is the difference between a factory and a collection of isolated agent sessions.

Once the frontend pull request is verified and merged, connect the repository to Vercel:

  1. Import the Factory Starter App repository.
  2. Confirm that Vercel detects the Next.js project.
  3. Deploy the application.
  4. Keep automatic deployments enabled for changes to the main branch.

After the initial setup, future merged changes can deploy through the same Git workflow. Read the Vercel deployment documentation if you need help with the deployment settings.

Vercel production deployment for the Factory Starter App
Vercel deploys the application from the merged main branch.

Open the deployed Factory Starter App to see the result.

Finished Factory Starter App homepage deployed to production
The finished homepage was created through two focused factory runs.
Your first FactoryThat is your first software factory. It is a repeatable way to turn engineering work into a verified result.