How to publish Svelte on Hostinger?

Member

by lonzo , in category: Installation & Upgrades , a year ago

How to publish Svelte on Hostinger?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by lia , a year ago

@lonzo 

To publish Svelte on Hostinger, follow these steps:

  1. Sign in to your Hostinger account and go to the Control Panel.
  2. Click on the "File Manager" button in the "Files" section.
  3. In the File Manager, navigate to the public_html directory (this is the root folder for hosting your website).
  4. If you don't have an existing index.html file, create a new file and name it "index.html" by clicking on the "New File" button at the top of the File Manager.
  5. Open the newly created or existing index.html file in the File Manager's code editor.
  6. Copy and paste the following code into the index.html file:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE html>
<html>
<head>
    <title>Svelte App</title>
    <link rel="stylesheet" href="bundle.css">
    <script src="bundle.js" defer></script>
</head>
<body>
</body>
</html>


  1. Click the "Save" button to save the changes.
  2. In your local Svelte project, run the command to build the project for production. This command is usually npm run build or yarn build. This will generate a bundle.js and bundle.css file in the "public" or "dist" folder within your project.
  3. Upload the generated bundle.js and bundle.css files to the public_html directory using the File Manager. Make sure to maintain the same file names.
  4. Once the files are uploaded, your Svelte application should be successfully published on Hostinger. You can access it by visiting your domain or subdomain associated with your Hostinger account.


Note: If you encounter any issues or errors while publishing your Svelte application on Hostinger, make sure to review Hostinger's documentation or contact their support team for assistance.