Skip to main content
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

  • Working Solo
  • Working with Team
  • External Development
  • 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

  • Check that your repository still exists
  • Make sure you’re still connected to GitHub
  • Try reconnecting your GitHub account
  • Wait a few minutes for GitHub to update
  • Check the repository’s commit history
  • Verify you’re looking at the right branch (usually ‘main’)
Join our Discord community and ask in the #support channel. We’re here to help!

​
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.
⌘I