Skip to main content

​
Overview

Tesslate Studio integrates with GitHub to help you:

Import Repos

Bring existing projects into Tesslate

Commit Changes

Save your work to GitHub

Push Code

Sync changes to remote repository

Version Control

Track project history and changes

​
Connecting GitHub

1

Open Settings

Click your profile → Settings
2

GitHub Section

Navigate to GitHub Integration
3

Connect

Click Connect GitHub Account
4

Authorize

Log in to GitHub and authorize Tesslate Studio
5

Confirm

You’ll be redirected back, connection confirmed
GitHub connection is optional. You can use Tesslate Studio without it, but you won’t be able to import repos or commit code.

​
Permissions Requested

Tesslate Studio requests access to:
  • Read repositories: Import your projects
  • Write repositories: Commit and push changes
  • User email: Associate commits with you
  • Repository webhooks: Coming soon for sync
Tesslate Studio only accesses repositories you explicitly import. We never access other repos without permission.

​
Importing Repositories

​
Import During Project Creation

1

Create Project

Click Create New Project from dashboard
2

Select GitHub

Choose GitHub as project source
3

Choose Repo

Browse your repositories or search by name
4

Configure

Set project name and status
5

Import

Click Import - repo clones into Tesslate

​
Supported Repository Types

  • React
  • Vue
  • Static
  • Unsupported
✅ Create React App ✅ Vite + React ✅ Next.js (static export) ✅ React + TypeScript

​
Committing Changes

​
Manual Commits

Commit your changes to GitHub:
1

Make Changes

Edit code manually or via AI agents
2

Open Git Panel

Click Git icon in project toolbar
3

Review Changes

See modified, added, and deleted files
4

Write Message

Enter a descriptive commit message
5

Commit

Click Commit to save changes
6

Push

Click Push to upload to GitHub

​
Commit Best Practices

Good:
  • “Add user authentication with email/password”
  • “Fix responsive layout on mobile devices”
  • “Update hero section styling and copy”
Bad:
  • “Update”
  • “Changes”
  • “Fix bug”
  • After completing a feature
  • Before major changes
  • At natural stopping points
  • End of work session

​
Git Panel

​
Changed Files

See what’s been modified:

Modified

Files that were changed

Added

New files created

Deleted

Files removed

Renamed

Files moved or renamed

​
File Actions

For each changed file:
  • View Diff: See exactly what changed
  • Discard: Undo changes to this file
  • Stage: Select for commit (coming soon)

​
Branching

​
Current Branch

View and manage branches:
  • View Branch
  • Switch Branch
  • Pull Requests
  • See current branch name
  • Default is usually main or master
  • Shows in git panel

​
Syncing Changes

​
Push to GitHub

Upload your local commits:
  1. Click Push in git panel
  2. Changes upload to GitHub
  3. View on GitHub.com
  4. Share with team

​
Pull from GitHub

Coming soon:
  • Pull latest changes from GitHub
  • Sync with team members
  • Resolve merge conflicts
  • Update local code
Currently, pulling from GitHub requires re-importing the project. Two-way sync coming soon.

​
Viewing on GitHub

After pushing changes:
1

Go to GitHub

Click View on GitHub in git panel
2

See Repository

Opens your repo on GitHub.com
3

View Commits

See commit history and changes
4

Share

Share repo URL with others

​
Disconnecting GitHub

To disconnect your GitHub account:
  1. Go to Settings → GitHub Integration
  2. Click Disconnect GitHub
  3. Confirm disconnection
  4. Existing imported projects remain
  5. Can’t commit new changes until reconnected

​
Troubleshooting

Problem: Authorization failsSolutions:
  • Clear browser cache and cookies
  • Try different browser
  • Check GitHub.com is accessible
  • Disable browser extensions
  • Contact support
Problem: Repository won’t importSolutions:
  • Ensure repo has package.json
  • Check repo is not private (or you have access)
  • Verify project type is supported
  • Try smaller repository first
  • Check repo isn’t too large (>500MB)
Problem: Can’t push to GitHubSolutions:
  • Ensure you’re connected to GitHub
  • Check you have write access to repo
  • Verify internet connection
  • Try pull before push
  • Check GitHub status
Problem: Conflicts when pushingSolutions:
  • Currently: Re-import project with latest code
  • Coming soon: In-app conflict resolution
  • Alternative: Clone repo locally and resolve

​
GitHub Features Roadmap

​
Coming Soon

Pull Requests

Create and manage PRs in Tesslate

Branches

Full branch management

Pull Changes

Two-way sync with GitHub

Conflict Resolution

Resolve merge conflicts

Webhooks

Auto-sync on GitHub changes

CI/CD

GitHub Actions integration

​
Best Practices

Regular Commits

  • Commit after each feature
  • Push at least daily
  • Don’t lose work
  • Track progress

Descriptive Messages

  • Explain what and why
  • Use present tense
  • Be specific
  • Reference issues if applicable

Review Before Push

  • Check changed files
  • Review diffs
  • Test functionality
  • Ensure no secrets

Keep in Sync

  • Pull before starting work
  • Push when done
  • Coordinate with team
  • Resolve conflicts quickly

​
Alternative: Download Code

If you don’t want to use GitHub:
1

Export Project

Click Export in project settings
2

Download ZIP

Downloads complete project as .zip
3

Extract

Unzip files locally
4

Use Locally

Open in VS Code or your editor
5

Manual Git

Initialize your own git repo if desired

​
Next Steps

Creating Projects

Import repos or start new projects

Code Editor

Edit your code

Using Agents

Generate code with AI

Settings

Manage account settings