Beta Feature: GitHub integration is currently in beta. Need help? Join our Discord and ask in the #support channel.

​
What You Need

A CodeRocket account
A GitHub account
At least one component created in CodeRocket

​
Step 1: Connect Your GitHub Account

1

Go to Account Settings

Click your profile picture → Account Settings
2

Connect GitHub

Find the GitHub section and click Connect GitHub AccountYou’ll be redirected to GitHub to authorize CodeRocket
3

Grant Permissions

Allow CodeRocket to:
  • Create repositories
  • Read and write repository contents
  • Access basic profile information
4

Return to CodeRocket

You’ll be redirected back and see your GitHub username displayed

​
Step 2: Set Up a Component Repository

1

Open Component Settings

Go to any component and click the Settings button (⚙️)
2

Create Repository

In the GitHub Sync section, click Create GitHub RepositoryCodeRocket will create a repository with your component’s code
3

Enable Automatic Sync

Toggle Enable GitHub Sync to automatically sync future AI iterations

​
What Gets Created

Your new GitHub repository will contain:
  • Your component code (React/Vue.js/HTML files)
  • README.md with project description
  • package.json with dependencies
  • Professional folder structure
Repository names follow the pattern: coderocket-{your-component-name}

​
Verify Everything Works

  1. Check GitHub: Visit your GitHub profile to see the new repository
  2. Make a change: Ask the AI to modify your component
  3. Check commits: See the new commit appear in GitHub

​
Troubleshooting

​
Next Steps

Learn About Synchronization

Understand how to push and pull changes between CodeRocket and GitHub