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.

Connecting to GitHub

Connecting your Frontend account to GitHub is simple:

1. Navigate to your Frontend dashboard
2. Click on the GitHub icon in the integrations section
3. You’ll be redirected to GitHub’s authorization page
4. Select the GitHub account you want to connect
5. Review and approve the requested permissions

Once authorized, Frontend will be able to create repositories and manage code on your behalf. This connection is secure and uses GitHub’s OAuth protocol to ensure your credentials are protected.

Create a New Repository

After connecting your GitHub account, you can create a new repository for your Frontend project:

1. From your project dashboard, select the GitHub tab in the project settings
2. Click “Create New Repository”
3. Enter a name for your repository (or use the default suggested name)
4. Choose whether the repository should be public or private
5. Select any additional options like README or .gitignore files
6. Click “Create Repository”

Your project code will be automatically pushed to the new repository, establishing the initial commit with your current project state.

Automatic Git Commits

A key benefit of the GitHub integration is automatic version tracking. Every significant update made by the Frontend AI will generate a git commit:

• Each AI-generated change creates a descriptive commit
• Commits include detailed messages explaining what was modified
• Changes are grouped logically to maintain a clean history
• Your entire development process is automatically documented

This automatic versioning ensures you can always track when and how changes were made to your project, even as you rapidly iterate with AI assistance.

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 “Git Version History” from the dropdown
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.