This guide walks you through the complete process of creating an Essepage project, editing the homepage, and publishing your changes online.
You will complete the following tasks:
- Create a new project
- Edit the homepage
- Preview your changes
- Apply the changes to the live site
- View the completed page
1. Log In
First, log in to your Essepage account.
If you do not have an account yet, sign up and then log in.
After logging in, you will see the dashboard where you can manage your projects.
2. Create a New Project
On the dashboard, select New Project.
Select a Template
Select the basic template to start with a simple project.
A template automatically creates the basic files and structure needed to start a project. You can add your own code or change the existing content later.
Enter the Project Information
Enter the following information:
- Title: The name used to identify the project on your dashboard.
- Project Code: A unique value used as part of your website address.
The project code must not already be in use by another project.
When you are finished, select Create Project.
3. Check the Project Dashboard
After the project is created, you will be taken to its dashboard.
First, check the following two items:
- Site URL: The public website address that visitors can open.
- Code Editor button: Opens the editor where you can edit your website.
When you create a project, a homepage is also generated from the selected template. You can open the Site URL to view the currently published site.
Now select Code Editor to open the editor and modify the homepage.
4. Edit the Homepage
When the code editor opens, you will see the file explorer on the left, the code editing area in the center, and the Preview panel on the right.
Find and open the following file in the file explorer:
/public/+page.essepageThis file is the default homepage of your website.
Delete the existing code and paste the following code:
<h1>Hello, Essepage!</h1>
<p>This is my first webpage, built in the browser.</p>
5. Save and Preview Your Changes
After entering the code, save the file.
- macOS:
Cmd + S - Windows or Linux:
Ctrl + S
When you save the file, the Preview panel on the right updates and displays the heading and paragraph you just entered.
If the Preview panel is not open, right-click the homepage file in the file explorer and select Preview.
Saved changes are stored in the working version and can be checked in Preview. At this point, the live site that visitors see has not been updated.
6. Apply the Changes to the Live Site
After checking the result in Preview, apply the changes to the live site.
In the file explorer, right-click /public/+page.essepage and select Apply Changes.
Because the homepage was already published when the project was created, the Apply Changes option is displayed.
After you apply the changes, it may take up to one minute for the cache to update. If the live page still shows the previous content, wait a moment and then refresh it.
7. View the Published Page
Now, check whether your changes have been applied successfully.
Right-click the homepage file and select Open Page. The published homepage will open in a new tab.
You can also check it in either of the following ways:
- Open the Site URL from the project dashboard.
- Refresh the page if the published page is already open.
You have succeeded if the page displays the following content:
Hello, Essepage!
This is my first webpage, built in the browser.
You Have Completed Your First Webpage
You have now learned the basic process of creating a website with Essepage.
The basic workflow is:
Edit code → Save → Preview → Apply → Check the published page
Next Steps
You are now ready to move beyond a simple homepage and build a complete website.
- To add design to your page: Build a Landing Page
- To build a website with multiple pages: Build a Personal Website
- To learn more about the editor: Editor Basics
- To understand how Essepage works: How Essepage Works