Quick Start

Let's explore how quickly you can build and deploy a website using Essepage.

Step 1. Getting Started

To begin, please log in to your account.
If you don't have an account yet, please sign up first.

Step 2. Creating a Project

Essepage uses templates to help you start projects quickly and easily.

1. Select a Template
   After logging in, click the [New Project] button and choose a basic template.

2. Enter Project Details
   Enter a 'Title' and a unique 'Project Code' (which will become your website's URL), then click [Create Project].

Step 3. Exploring the Dashboard

Once the project is created, you will be redirected to the dashboard. Please check the following two elements:

1. Site URL: The live link to your newly generated website.
2. Code Editor: Opens Essepage's built-in development environment.

Step 4. Editing the Homepage

Click the [Code Editor] button to open the IDE, and let's modify your homepage.

1. In the file explorer on the left, click the homepage file to open its source code:

/public/+page.essepage

2. Clear the existing code and paste the following HTML snippet:

<h1>Hello, Essepage!</h1>
<p>This is my first page.</p>

Step 5. Previewing Your Changes

Once you save the file, you can instantly see how your code looks on a real webpage in the right-hand preview panel.

You can trigger the preview in two ways:

• Using a Keyboard Shortcut: Press Cmd + S (Mac) or Ctrl + S (Windows) to save the file. The preview panel will update immediately.
• Using the Mouse: Right-click the file in the left file explorer and select [Preview] to open it manually.

Step 6. Applying Changes (Deployment)

Once you are happy with the preview, it's time to publish your work to the live website.

• Right-click the file in the left file explorer and select [Apply Changes] to deploy your updates to the live page.

💡 Note
It may take up to 1 minute for the server cache to clear and for your changes to appear on the live site.

Step 7. Viewing the Live Page

Let's verify that your updates have been successfully applied.

• Right-click the file in the file explorer and select [Open Page]. This will open your live website in a new tab.
• Alternatively, open your Site URL directly in your browser, or simply refresh the page if it's already open.

🎉 Congratulations!

You've successfully built and published your first webpage. Now, go ahead and explore Essepage's features to build even more amazing websites!

📺 Video Walkthrough

Prefer watching over reading? Check out the video below to see the entire process in action.