Beta Feature: GitHub sync is currently in beta. Questions? Join our Discord and ask in #support.

​
Sync Modes

Push to GitHub

Send your CodeRocket changes to GitHub

Pull from GitHub

Bring GitHub changes back to CodeRocket

​
Automatic Sync

When enabled, CodeRocket automatically pushes every AI iteration to GitHub:
  1. You ask AI to modify your component
  2. CodeRocket creates a new commit in GitHub
  3. Your repository stays up-to-date automatically
Commit messages look like: “Update files - Version 3”

​
Manual Sync Options

​
Push to GitHub

Use when you want to send your current CodeRocket version to GitHub. Smart Push: Only updates files if CodeRocket version is newer Force Push: Overwrites all GitHub changes with CodeRocket version

​
Pull from GitHub

Use when you’ve made changes in GitHub and want to bring them into CodeRocket.
  • Fetches all code files from your repository
  • Creates a new version in CodeRocket
  • Ignores generated files like README.md
Important for Code Editing: To modify your component’s code, you must edit the files directly in GitHub or clone the repository to your local machine. CodeRocket cannot edit code that has been modified outside the platform.This is by design - once you start developing in GitHub, continue your development there and use CodeRocket’s pull feature to bring changes back when you need AI assistance.

​
When to Use Each Mode

  • Enable automatic sync for hands-off versioning
  • Push to GitHub when you make manual changes in GitHub
  • Pull from GitHub to bring back your GitHub edits

​
Repository Structure

CodeRocket creates a clean, professional structure: 
your-repository/
├── README.md              # Project documentation
├── package.json           # Dependencies
├── src/
│   ├── App.tsx           # Your main component (React)
│   ├── App.vue           # Your main component (Vue.js)
│   └── components/       # Additional components
└── public/
    └── index.html        # HTML template

​
Best Practices

1

Start with AI

Generate your initial component structure with CodeRocket’s AI
2

Push to GitHub

Create your repository and enable automatic sync
3

Develop in GitHub

Clone the repository and continue development in your preferred editor
4

Pull When Needed

Use CodeRocket’s pull feature to bring changes back for AI assistance

​
Common Issues

​
Remember

Key Point

For code modifications: Edit your files in GitHub or your local development environment. CodeRocket is designed to work with your existing development workflow, not replace it.