Skip to main content

πŸš€ Deploying Websites Created with Website Studio

How to run and deploy a Website Studio project locally or on your own server.

Updated this week

Websites generated with Website Studio in Search Atlas are not traditional WordPress themes or templates.

Instead, Website Studio generates a standalone JavaScript web application designed to run on its own server environment.

This article explains:

  • πŸ“¦ What Website Studio actually generates

  • ⚠️ Why the files are not intended for WordPress

  • πŸ’» How to test the generated website locally

  • 🌐 What type of hosting environment is required for deployment

🧱 Understanding How Website Studio Sites Work

When you generate a site using Website Studio, the platform creates a fully compiled web application.

This means the output is:

  • ⚑ A JavaScript-based application

  • 🌐 Built to run on a web server

  • πŸ–₯ Designed for deployment on infrastructure you control

These files are not meant to be pasted into a WordPress site.

Instead, they should be deployed on:

  • πŸ–₯ VPS servers

  • πŸ“¦ Containers

  • ☁️ Cloud hosting environments

  • 🌍 Static hosting platforms

If you are not comfortable deploying web applications, you may need help from a developer or DevOps engineer.

πŸ“₯ Step 1 β€” Download the Website Files

After generating a site in Website Studio, download the project files.

You will receive a compressed archive containing the full website.

Once extracted, the folder will contain the application structure.

Example structure:

website-project/
β”œβ”€β”€ assets
β”œβ”€β”€ index.html
β”œβ”€β”€ css
β”œβ”€β”€ js
β”œβ”€β”€ images
└── other application files

These files represent the complete compiled website.

πŸ’» Step 2 β€” Open the Project in a Code Editor

To test the website locally, open the project folder in a code editor.

Recommended editors:

  • πŸ§‘β€πŸ’» Visual Studio Code

  • πŸ§‘β€πŸ’» WebStorm

  • πŸ§‘β€πŸ’» Sublime Text

  • πŸ§‘β€πŸ’» Atom

Example using Visual Studio Code:

1️⃣ Open Visual Studio Code
2️⃣ Click File β†’ Open Folder
3️⃣ Select the folder containing your website files

You should now see the full file structure in the editor.

πŸ–₯ Step 3 β€” Start a Local Server

Website Studio sites must run on a web server, even for local testing.

The fastest way to do this is using Python's built-in HTTP server.

Requirements

You must have:

Python 3 installed

β–Ά Run the Local Server

Open a terminal inside the project folder and run:

python3 -m http.server 4173

Your terminal should display something like:

Serving HTTP on port 4173

This means the website is now running locally on your machine.

🌐 Step 4 β€” Open the Website in Your Browser

Now open your browser and navigate to:

http://localhost:4173

Your Website Studio site should now load.

You are now running the website locally.

This allows you to:

  • βœ” Test the layout

  • βœ” Verify functionality

  • βœ” Inspect the files

  • βœ” Prepare the project for deployment

πŸš€ Step 5 β€” Deploy the Website

Once the site is tested locally, it must be deployed to a hosting environment.

Common options include:

πŸ–₯ VPS Hosting

Examples:

  • DigitalOcean

  • AWS EC2

  • Linode

  • Vultr

πŸ“¦ Container Deployment

Examples:

  • Docker

  • Kubernetes environments

☁️ Static Hosting

Examples:

  • Netlify

  • Vercel

  • Cloudflare Pages

  • GitHub Pages

🌍 Traditional Web Servers

Examples:

  • Nginx

  • Apache

A developer may configure the deployment depending on your infrastructure.

⚠️ Important: Website Studio Is Not a WordPress Builder

Website Studio does not generate WordPress themes or plugins.

Attempting to upload or paste these files into WordPress will not work.

Website Studio generates a standalone web application that must run on its own server.

If you need a WordPress site, the design would need to be rebuilt as a WordPress theme.

🧩 When Should You Use Website Studio?

Website Studio is ideal when you want to:

  • πŸš€ Launch high-performance SEO landing pages

  • 🌍 Deploy fast websites

  • ⚑ Build static SEO pages

  • 🧠 Run sites on modern cloud infrastructure

This architecture enables:

  • ⚑ Faster loading speeds

  • 🧹 Cleaner code output

  • πŸ“ˆ Better scalability

πŸ›  Troubleshooting

❌ The site does not load on localhost

Check that:

  • Python 3 is installed

  • The command was run inside the correct folder

  • The port matches the URL

Correct format:

http://localhost:4173

⚠ Port 4173 is already in use

Use another port.

Example:

python3 -m http.server 5000

Then open:

http://localhost:5000

πŸ€” I don't know how to deploy a web application

You may need help from:

  • πŸ‘¨β€πŸ’» A developer

  • πŸ§‘β€πŸ’» A DevOps engineer

  • πŸ–₯ Your hosting provider

Simply provide them with the Website Studio project files.

🧠 Advanced Troubleshooting

If your Website Studio project is not working correctly, review the following checks.

The site loads but styles are missing

This usually happens when the site is opened without a server.

Make sure the project is running using:

python3 -m http.server 4173

Then access it through:

http://localhost:4173

The browser shows a blank page

Possible causes:

β€’ JavaScript errors
β€’ Missing assets folder
β€’ Incorrect deployment path

Check the browser console for errors:

Right Click β†’ Inspect β†’ Console

Python command not found

Your system may not have Python installed.

Check by running:

python3 --version

If Python is not installed, download it from:

Port already in use

If port 4173 is occupied, use another port.

Example:

python3 -m http.server 5000

Then open:

http://localhost:5000

🧩 Deployment Architecture (Recommended)

Website Studio sites work best when deployed on modern hosting environments.

Recommended setup:

Website Studio App
↓
Web Server (Nginx / Node / Static Host)
↓
Hosting Environment (VPS / Cloud / Container)
↓
Public Domain

This setup provides:

βœ” Faster load times
βœ” SEO-friendly architecture
βœ” Better scalability
βœ” More control over deployment

⚠️ Common Mistakes When Deploying Website Studio Sites

Here are the most common mistakes users make when trying to run their Website Studio project.

❌ Uploading the files to WordPress

Website Studio does not generate WordPress themes or plugins.

Trying to upload the files into:

  • WordPress theme folders

  • WordPress page builders

  • CMS template directories

will not work.

Website Studio sites must run as standalone web applications.

❌ Opening the HTML file directly

Some users double-click index.html expecting the site to work.

This often breaks the application because many components require a web server environment.

Always run the project using a local server.

Example:

python3 -m http.server 4173

❌ Deploying without a server

Uploading the files to random file storage services will not run the application correctly.

Instead, deploy the site using:

  • VPS hosting

  • Static hosting

  • Containers

  • Web servers

🌐 Deploying a Website Studio Site Without Being a Developer

If you are not a developer, you can still deploy your Website Studio site using common hosting services.

Most traditional hosting providers allow you to upload a website using File Manager or FTP.

Examples of compatible hosting providers include:

  • GoDaddy

  • Namecheap

  • Hostinger

  • Bluehost

  • SiteGround

  • DreamHost

These services allow you to host static websites, which works perfectly with Website Studio exports.

πŸͺœ Simple Deployment Method (No Coding Required)

Follow these steps:

1️⃣ Download your Website Studio project

Export the website from Website Studio and extract the zip file on your computer.

You will see a folder containing files such as:

index.html
assets/
css/
js/
images/

2️⃣ Log into your hosting account

Go to your hosting provider dashboard.

Example:

  • GoDaddy Hosting Dashboard

  • cPanel

  • Hosting Control Panel

3️⃣ Open File Manager

Inside your hosting dashboard, open:

File Manager

Navigate to your website root directory.

This is usually called:

public_html

or

www

4️⃣ Upload your files

Upload all files from your Website Studio folder into:

public_html

Make sure index.html is in the root folder.

Example structure:

public_html
β”œ index.html
β”œ assets
β”œ css
β”œ js
β”” images

5️⃣ Visit your domain

Once uploaded, open your domain in the browser.

Example:

https://yourdomain.com

Your Website Studio site should now be live.

⚠️ Important Notes

β€’ Do not upload the ZIP file itself β€” extract it first.

β€’ Make sure index.html is in the root directory.

β€’ Upload the entire folder structure, not just the HTML file.

πŸ’‘ When You Might Need a Developer


You may need help if you want to:

  • Deploy the site in Docker containers

  • Use custom server infrastructure

  • Configure advanced routing

  • Integrate backend APIs

For simple sites, shared hosting (like GoDaddy or Hostinger) usually works without developer support.

πŸš€ Recommended Beginner Hosting Options

If you want the easiest deployment experience, we recommend:

  • Netlify

  • Vercel

  • Cloudflare Pages

These platforms allow you to drag and drop your site files and publish instantly.

🧠 Quick Tip


Website Studio generates static websites, which means they are extremely compatible with most hosting providers.

If your hosting provider allows you to upload HTML files, it will usually support Website Studio sites.

Website Studio generates a JavaScript web application, not a WordPress template.

To run your site:

1️⃣ Download the project files
2️⃣ Open the project folder in a code editor
3️⃣ Run a local server using Python
4️⃣ Open the site via localhost
5️⃣ Deploy the site to your server or hosting platform

Your Website Studio site will then run as a fast, standalone web application optimized for modern infrastructure.

Before deploying your Website Studio project, you can follow this quick walkthrough showing how to run the site locally and understand how the generated files work.

This short video demonstrates how to test your Website Studio application on your machine before deploying it to a server.

Did this answer your question?