Documentation

FTP deployment Upload the build directly to your server

In Animmaster Vite Template you can automatically build your project and upload the final dist folder to a hosting server using FTP.

Production build • FTP upload • One command workflow

What is FTP deployment?

Animmaster Vite Template includes a built-in FTP deployment feature that allows you to upload the production-ready project (dist folder) directly to a remote server or hosting.

This is useful when:

  • you deploy static sites to shared hosting
  • the server does not support Git
  • you want a fast one-command upload

FTP configuration

All FTP settings are configured in template.config.js inside the ftp section.

template.config.js

 ftp: {
  host: "ftp.your-host.com",
  port: 21,
  remoteDir: "/public_html/%projectName%",
  user: "ftp-user",
  password: "ftp-password"
}
  • host — FTP server hostname
  • port — FTP port (usually 21)
  • remoteDir — destination folder on the server. You can use %projectName% to automatically insert the project folder name.
  • user — FTP username
  • password — FTP password
Security note
Avoid committing real FTP credentials to public repositories. Use environment variables whenever possible.

Deploy command

After configuring FTP access, run the following command:

Terminal
npm run deploy

This command automatically:

  • runs a production build
  • creates or updates the dist folder
  • uploads all files to the FTP server

Notes & recommendations

Connection stability
Make sure your FTP connection is stable during deployment to avoid partially uploaded builds.
Production only
FTP deployment always works in production mode and uploads only optimized files.

Download

FTP deployment is fully integrated into the Animmaster Vite Template workflow. Download the template and automate your hosting uploads today.