Vibe coding is a way of programming by telling the AIin natural language what you want, rather than writing the code yourself line by line. In practice, the developer describes the desired outcome, the AI generates the code, and then the result is refined through discussion with the AI.
Publishing Vibe-coded applications is also easy on a web hosting service. This means you can test and demo Vibe-coded applications to the public affordably and effortlessly, rather than using a more powerful virtual server.
The control panel includes a "Setup Node.js App" feature that makes it easy to launch a Node.js service—for example, for a Vibe-coded application—at the desired address.
Various AI applications are particularly well-suited for building TypeScript, React, and Vite applications, so creating and running a Node.js application like this through a web hosting service is easy.
The video below shows an example of how to create a simple weather program using Vibe. It simply explains what kind of program you want to build and how to make it run in the CloudLinux Phusion Passenger Node.js environment.
At its simplest, Vibe coding consists of a single command, and the result is a fully functional program, ready to use.
Installing a simple program to run in a Node.js environment.
In this example, the finished program is packaged in a ZIP file. However, for active development work, it may make sense to use the GIT environment and the GitHub service, which can be accessed directly from the control panel under "Git Version Control." Uploading the finished Vibe-coded program to a web host as a single ZIP package is, however, very simple and fast.
First, upload the finished and fully compiled program to the account’s root directory as a ZIP file (or using Git). Then extract it to the directory where you want the program to run (in this case, weatherapp). Next, go to "Setup Node.js App" in the control panel. Create a new app. Specify the root directory (weatherapp) and then the desired address where the program will run (in this example, it is /saa/). You can also select the Node.js version at this stage. We recommend the latest version unless there is a specific reason to use an older version. Once the application is configured, clicking "Run NPM Install" will install the application.
This way, most applications will start running immediately and will be accessible at the application’s URL. However, it’s a good idea to configure the desired environment variables (settings) separately via a .env file.
Most programs require certain settings or data, which are best defined in a .env file. This file is confidential by nature, so you should prevent it from being committed to GitHub (e.g., via .gitignore). In any case, it should not be included with the application itself but only in the environment where the application runs.
The video below shows how you can easily add a .env file directly through the control panel. You can do this by creating a .env file in the software directory using the file manager. Since it is a hidden file (indicated by a period at the beginning), you’ll need to enable hidden files in the file manager settings. In the file manager, you can edit the file by clicking the "Edit" button. Once you have added or edited the file, you must restart the program from the "Setup Node.js App" section by clicking the "Restart" button.
Example of configuration files (CLAUDE.md / AGENTS.md) that support the operation of a Vibe-coded program installed on a web hosting server (cPanel):
Deployment Requirements:
- Build this as a complete Node.js Express app for CloudLinux Phusion Passenger.
- Use `/app/` as the base path
- Serve static files from both `/` and base path.
- Entry file must be `app.js`
- Use `.env` file exclusively for configuration
- Build the app fully before packaging. Make sure that all the project files and assets are present.
- Package the finished ready-to-run project as `app.zip`
Adding an .env file to the software directory
It's worth starting a new business online right away! The goal is to have a website or Shop that connects with customers and generates sales for your business. The Nerot.fi service will help you find the author for your website, online shop or
Do you manage several website projects or are you planning to start your own Web hosting as a reseller? The Suncomet WHM package is a service specifically designed for web designers, website builders and small businesses. It allows you to
What is SPF? SPF (Sender Policy Framework) is a security technology used by email systems. It is particularly effective in preventing spam and phishing messages where the sender is spoofed. SPF
What's a domain? A domain, or domain, is a name that is used, for example, in a browser or e-mail to connect a user to a server. Domain acts as a more memorable address and background for the user
To create an email address, you can easily create an email address from the dashboard under E-mail Accounts and Create. When you create, you select a domain, i.e. after the @ sign and the e-mail name that comes with the @ sign
Find your SitePadWebsite builder SitePadWebsite builder can be found in all our web hotels free of charge and makes it easy to make a showy homepage. Website builder can be found in the dashboard, or cPanel, under the title Software / Software
