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
π§± 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
π₯ 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
π» 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
π₯ 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
π 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
π 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
β οΈ 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?
π§© 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
π 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
π§ 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)
π§© 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
β οΈ 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
π 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)
πͺ 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
π‘ 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
π 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
π§ 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.
