Frontend
Tencent EdgeOne Makers: Deploying a Static Web Project with HTML, CSS, and JavaScript
Fikri m Syhdan DEV Community
1 views
As part of the DevHandal 2026 Batch 2 challenge, I explored Tencent EdgeOne Makers to learn how a simple web project can be deployed and made accessible online.
For this project, I created a simple landing page called EdgeOne Makers | DevHandal 2026. The website was built using basic HTML, CSS, and JavaScript, without using a web framework.
My main goal was to understand the deployment process from creating a project locally to publishing it online through Tencent EdgeOne Makers.
Building the Project
I started by creating a simple landing page with three main files:
edgeone-devhandal/
├── index.html
├── style.css
└── script.js
The index.html file contains the main structure of the website. I created a hero section, navigation, feature cards, and a learning journey section.The design focuses on a simple dark interface that introduces the project and my experience while learning about EdgeOne.
For the styling, I used CSS in style.css. The website was also designed to remain usable on smaller screens.
I also added a small JavaScript interaction. The page has a Test Interaction button that displays a message when clicked. This allowed me to verify that the JavaScript functionality was working correctly.
Before deploying the website, I tested it locally in my browser to make sure the HTML, CSS, and JavaScript worked properly.
Using GitHub
After finishing the project, I created a GitHub repository called edgeone-devhandal.
I then initialized Git in my project directory, added the project files, created the first commit, and pushed the project to the main branch.
Using GitHub made it possible to connect my source code directly to Tencent EdgeOne Makers.
The repository contains the complete source code for the website:
GitHub Repository:
https://github.com/lurrahh2-maker/edgeone-devhandal
Connecting GitHub to Tencent EdgeOne Makers
After the repository was ready, I connected it to Tencent EdgeOne Makers.
I selected the edgeone-devhandal repository and used the main branch as the production branch.
Because this project is a static website using only HTML, CSS, and JavaScript, I selected Other as the preset framework.
I did not need a build command or an install command because the project does not require a framework or package installation process before deployment.
This made the configuration relatively simple.
Deploying the Website
After completing the project configuration, I started the deployment process.
The deployment was connected to my GitHub repository, which means the repository can be used as the source for future deployments when changes are pushed to the production branch.
The deployment completed successfully, and the project received a public EdgeOne URL.
The deployed website can be accessed here:
Live Website:
https://edgeone-devhandal-dpbqqet1nm3o.edgeone.dev
Seeing the website successfully accessible through a public URL was a useful part of the learning process because I could directly see the result of the deployment workflow.
What I Learned
This project helped me understand the basic workflow of deploying a web project using GitHub and Tencent EdgeOne Makers.
Previously, I mostly thought of deployment simply as making a website available online. Through this project, I got a better understanding of how the different parts are connected: local source code, Git, GitHub, project configuration, and the deployment platform.
I also learned that a simple static website does not necessarily need a complicated build process. Since my project only uses HTML, CSS, and JavaScript, it can be deployed with a relatively straightforward configuration.
Although this project is still simple, it gives me a foundation for experimenting with more advanced projects and EdgeOne features in the future.
Conclusion
My experience with Tencent EdgeOne Makers gave me a practical introduction to the web deployment process.
Starting from a simple HTML, CSS, and JavaScript project, I was able to push the source code to GitHub, connect the repository to Tencent EdgeOne Makers, configure the project, and successfully deploy the website.
For my next project, I would like to explore more Tencent EdgeOne capabilities and see how they can be applied to larger and more complex web applications.
Read original: https://dev.to/fikri_msyhdan_7dd036d0e8/tencent-edgeone-makers-deploying-a-static-web-project-with-html-css-and-javascript-1ag4
← Previous
My Journey to Cloud & Devops Engineering - Training Assignment 1
Next →
How you frame a question changes what an LLM actually argues, not just its tone
Related
Advanced JSON Path Operations in WebForms Core 2.1
Frontend
1
DEV Community
Why I Built Another yt-dlp GUI (And Why I Think It Was Worth It)
Frontend
2
DEV Community
End To End Testing: A Practical Guide for Reliable Web Releases
Frontend
2
DEV Community
I built WorkCalc: A zero-dependency financial calculator suite for freelancers
Frontend
2
DEV Community
Comments0
No comments yet — be the first