Logo

Static Site Hosting on GitHub Pages

Deploy your static sites with GitHub Pages for free and easy hosting.

GitHub Pages lets you host static sites directly from your GitHub repository. Follow these steps to deploy your site.

1. Prepare Your Static Site

  • •
    Click on 'Save & Download' in ThemesForApp builder dashboard to get your site files.
  • •
    Unzip the downloaded file to access your static site files (HTML, CSS, JS, assets).

2. Create a New GitHub Repository

  • •
    Go to https://github.com and sign in.
  • •
    Click the '+' icon in the top right and select 'New repository'.
  • •
    Enter a repository name (e.g., my-static-site) and set it to Public.
  • •
    Click 'Create repository'.

3. Upload Your Site Files

  • •
    On your new repository page, click 'Add file' > 'Upload files'.
  • •
    Drag and drop all your static site files (not the containing folder) into the upload area.
  • •
    Commit the changes to the main branch.

4. Enable GitHub Pages

  • •
    Go to the repository's 'Settings' tab.
  • •
    Scroll down to the 'Pages' section in the sidebar.
  • •
    Under 'Build and deployment', set 'Source' to 'Deploy from a branch'.
  • •
    Select the branch (usually 'main') and the root folder ('/').
  • •
    Click 'Save'.

5. Access Your Live Site

  • •
    After a few moments, GitHub Pages will provide a URL (e.g., https://your-username.github.io/your-repo-name/).
  • •
    Visit the URL to see your live static site.

6. (Optional) Use a Custom Domain

  • •
    In the 'Pages' settings, add your custom domain.
  • •
    Update your domain's DNS settings as instructed by GitHub.