GitHub Integration

Introduction to GitHub

GitHub is the industry-standard platform for version control and collaboration for software development projects. By integrating your Frontend project with GitHub, you gain several powerful capabilities:

• Version Control: Track all changes to your project code
• Collaboration: Enable multiple team members to work on the same project
• Backup & Recovery: Maintain a complete history of your project
• Continuous Deployment: Automate deployment processes from your code repository
• Code Review: Implement proper review workflows before changes go live

The Frontend GitHub integration makes it easy to connect your projects to GitHub repositories, ensuring your work is always properly tracked and backed up.

Getting Started

The GitHub integration supports syncing your Frontend application repository with your personal GitHub account. To get started:

1. Install the Frontend GitHub App: First, install the Frontend GitHub App at https://github.com/apps/frontend-ai-github
2. Enter repository name: In your Frontend project, enter the repository name you want to sync to
3. Start syncing: You’ll begin to see real-time git commits to your repository as you make changes in Frontend

This integration ensures your Frontend project stays automatically synchronized with your GitHub repository, providing seamless version control and backup.

Committing and Pushing Changes

Once your GitHub repository is connected, you can ask the AI to commit and push your changes at any time. Just tell it what you want to commit:

• “Commit and push my latest changes”
• “Push everything to GitHub with a summary of what changed”
• “Commit the new landing page and push to main”

The AI will stage your files, write a descriptive commit message, and push to your connected repository.

Git Version History

The Git Version History feature provides a convenient way to review and manage your project’s development timeline:

1. Open the project menu in your Frontend dashboard
2. Select the version history button from the preview toolbar
3. Browse through past commits in chronological order
4. Restore previous states if needed

This interface gives you complete visibility into your project’s evolution without requiring Git expertise or command-line knowledge.

Note: When deleting a project in Frontend, we will not delete your GitHub repository. Your code remains safely stored in GitHub even if you remove the project from your Frontend dashboard.