Deploying your site on a server
00:00 / 08:53
Creating, moving and removing a site
14 Oct 2025, 2 min
Choosing a site structure
14 Oct 2025, 2 min
Adding and processing video files
14 Oct 2025, 5 min
Current video (4 of 4) in Tutorial (v1.0)
Deploying your site on a server
14 Oct 2025, 9 min
in this video i want to show
00:00
you how to set up the built-
00:01
in ftp deployment in hyper 8 and
00:02
for this I'm going to assume that you
00:05
have generally available already your web hosting
00:06
setup your domain name and your FTP
00:10
account and based on that
00:13
I will show you how to find all
00:15
the values that you need to put
00:18
into these
00:19
form fields basically so we are here
00:20
already in the Hyper 8 editor and on
00:23
the top right you can see that
00:25
the button says deploy in your
00:27
case it most likely will still say
00:29
configure deployment because you probably haven't entered these
00:32
values yet um to enter them you
00:36
can either click configure deployment
00:38
in your case or you can also go
00:40
to the top level item here so
00:41
you could also have here other
00:44
um other entries but this one needs
00:45
to be active and then you go
00:48
to site settings and then
00:49
some way below you find um the
00:52
ftp deployment section
00:55
and there you will have to input
00:58
four things notably the first is the server address
01:00
then the ftp user name the ftp
01:04
password and the remote server directory
01:07
to which the content the files of
01:11
your hyper 8 site will be uploaded
01:13
so to go to the web interface
01:18
um i have a sort of de-branded
01:22
um interface from an existing provider here
01:25
in your case it might look completely
01:28
different the terms might be different that
01:30
are used in the interface but in general
01:32
um all of the same things are found
01:35
in
01:37
the interface for every provider pretty much
01:38
so what we're looking for is of
01:42
course ah a section that says ftp accounts and
01:43
in there you should have at least
01:48
one ftp account that can access your
01:49
site
01:53
and here we already have one piece
01:55
of the puzzle so the user name
01:57
is displayed here ah this path just
01:58
tells us that the ftp account can
02:01
access this path but this is not
02:03
the same as the path um where
02:05
a site will be located this might
02:08
be different on your site but in
02:10
this case this is how it is and what
02:11
we still need of course now is for instance the
02:15
password and here in this provider's case
02:16
we can go to the edit settings
02:19
and that takes us to such a
02:21
page and there we have a few
02:23
things actually so in this case we
02:25
can see that the password is only
02:27
available when we create the account so if
02:29
you were if you would have been
02:31
using this provider to set up your
02:33
ftp account you would have actually
02:35
yourself set the password during setup or
02:37
you could set up a new setup
02:41
a new password and then you know
02:43
the second part of the puzzle the ftp
02:45
password so now we have the ftp
02:47
username the password just go back so
02:48
basically what we enter here and what
02:51
we enter here and then of top
02:53
on top of that in this case
02:55
we find here the host name for
02:57
ftp connections on the edit
02:59
page for the ftp access again this might
03:00
be different with your provider but somewhere
03:03
it should be listed so here we
03:05
know now the third piece of the
03:06
puzzle which is the host name the
03:08
ftp server address and this is then
03:11
the data that we put
03:14
into this field here
03:15
that leaves us just with one but
03:18
very important field missing and that is
03:21
the remote server directory so again the
03:23
folder into which the content of the
03:25
site goes
03:28
now to go back to the provider
03:29
interface on another page on for your
03:31
provider you will usually find something that
03:34
could be called subdomains or maybe site
03:36
or something like this and this is
03:39
also where you have ideally already set
03:41
up the mapping between one of your
03:43
domains and a folder on your webspace
03:45
so on the server
03:49
and
03:51
it might already be that in the
03:52
case of your provider it here lists
03:53
the full path which is also present
03:55
in the file system but with this
03:59
provider it notably isn't so this is
04:01
just a relative folder notation and there's
04:04
actually more folders on the left of
04:07
this if you will so this example
04:10
dot org
04:12
folder is contained in other folders which are
04:13
important to enter here basically
04:15
um and to find this one thing
04:20
that we can do is to use
04:22
what is called web ftp often so
04:25
that would be an interface at your
04:28
provider's site where you can in your
04:30
browser browse the filesystem for your
04:32
user account on the server
04:37
and navigate to different folders and also
04:39
in some way read out the path
04:42
so in this case i've already navigated
04:44
all the way down to a folder
04:47
note that the um exact folder
04:50
names are not necessarily um the same
04:53
or fitting across all of these screens
04:56
that i'm showing these are just
04:58
examples but um for instance it could
04:59
be that your data directory in the
05:03
file system is then something like slash
05:07
html slash example dot com or
05:09
um to look at the example that
05:12
we have here actually so here on
05:16
this specific server
05:17
the path would be slash data
05:19
slash web slash then a username and
05:21
slash html so this can be
05:24
very different but the important thing is
05:27
that it basically is the one that
05:29
is mapped to your domain as in
05:32
here so usually at least this part
05:35
that is listed here um except this
05:38
one will at least appear somewhere in
05:40
the um in the value for the
05:43
data path unless you've picked something that
05:47
is completely different so it it does
05:49
it's not necessarily um needed that the
05:50
domain has any semblance to what the
05:56
folder is called but
05:58
even just ah in ah in our own
06:00
own interests it makes sense to pick
06:03
a folder that has sort of the same
06:05
name if we decide it ourselves or otherwise
06:06
it will usually be something like in
06:09
this example slash html it could
06:11
be that for instance just
06:14
okay and then one more thing um
06:16
how we could find out this data
06:18
path and this is probably the most
06:20
um solid and robust way but not
06:22
necessarily the easiest so we can also download
06:25
a separate erm ftp client such
06:27
as this one which is called filezilla
06:30
so i can definitely recommend that one
06:32
other ones work pretty much the same
06:34
i would say so it's it's not
06:37
really that big of a deal which
06:38
you pick just find one that you're
06:40
comfortable
06:42
with and there you can basically um
06:42
edit the three parts of the puzzle
06:45
we already have so here we have
06:46
the host as you can see and
06:48
there we have the user and password
06:50
and if you enter all of these
06:52
three you can connect to the server
06:54
and if you do so you usually land
06:57
in such an interface so a kind of file
06:59
manager
07:02
where in this case on the left
07:03
you see the local files on your
07:04
or my computer and in on the
07:06
other hand you have um the file
07:09
system as it is on the folder
07:13
ah on the folder sorry on the server
07:15
and there we can see that basically
07:18
there is a hierarchy and the path
07:19
in which we navigated here by basically
07:22
clicking around in there and switching folders
07:24
took us all the way down to
07:28
a directory at the path slash data slash web
07:30
slash the username and slash html so
07:33
this is another way to find
07:36
the um data path and if the
07:38
data path is for instance not shown
07:41
in an assembled fashion like here in
07:43
one you can also just piece it
07:46
together sort of start like here for
07:48
instance with the slash than data and
07:49
then as you can see here you
07:52
need another slash to separate them then
07:53
web slash the username slash html
07:54
so this is how the the path
07:58
is basically constructed and yeah as soon
08:00
as we have that final piece of
08:02
the puzzle
08:04
ehm we can use that and enter
08:06
it back here in the fourth field
08:08
and put it in here and then
08:12
we have all then we have given hyper
08:13
8 all the information it needs to deploy the site
08:15
on the server and in that um
08:18
in that moment we can basically use
08:21
the deploy button of course ah beforehand
08:23
press update site to save the information
08:26
and then you can press deploy and then
08:28
it will move to a new site and
08:30
this will be replaced with some output
08:32
where it tells you okay i'm now determining
08:35
what to do during deployment and then
08:38
it shows you all the things that it
08:40
uploads changes removes and so on to
08:42
sync basically
08:45
the state from your local computer
08:46
to the server and then after that your
08:49
site will be online
08:51
How to configure Hyper 8's built in FTP deployment.
If you do not have a provider for your domain or webhosting yet, have a look at this video, which explains the necessary steps for another project (but the steps still apply 100% for Hyper 8 as well).