powered by
LOGO

Publishing Static Site On Vercel

Vercel is an incredibly easy to use tool which helps you build and ship your websites with an easy to use interface. You can get started with a fresh repository (step 1) or you can deploy your existing repository (step 2).
⚠️
You Lose Many Dynamic Features In Static Modes
FASTN comes with a lot of dynamic features, which are only available when you are using fastn server for hosting.

The main feature you will miss when using fastn as static site generator is authentication, you can not create private fastn sites, or fastn sites with mixed mode, some pages public and some accessible to only few people.

Step 1. Choosing the source of your deployment

Step 1.1. Start from scratch: New Repository
Use this template to initialize. Check out step 2 for the configuration setup.

— ds.image: Just choose your repository name and click on the Create button src: $assets.files.how-to.vercel-new-template.png width: fill-container

Step 1.2. Deploy an existing repository
Deploying an existing FASTN repository on vercel is quite easy. On your vercel dashboard, click on New Project and select your git provider and the repository accordingly.

Once done, you’ll be taken to the Configuration Dashboard of the application. Select the FRAMEWORK PRESET as Other and enter the configuration mentioned in Step 2.

Step 2. Vercel FASTN configuration
Once the application is up and ready, head over to Settings > General and enter the following configuration in the Build & Development Settings

Build Command
fastn build --base=/
Output Directory
.build
Install Command
sh -c "$(curl -fsSL https://raw.githubusercontent.com/FifthTry/fastn/main/install-fastn.sh)"
Congratulations, your FASTN package is now successfully hosted. You can head over to the application dashboard to see your deployment domain(s).
LOGO

Publishing Static Site On Vercel

Vercel is an incredibly easy to use tool which helps you build and ship your websites with an easy to use interface. You can get started with a fresh repository (step 1) or you can deploy your existing repository (step 2).
⚠️
You Lose Many Dynamic Features In Static Modes
FASTN comes with a lot of dynamic features, which are only available when you are using fastn server for hosting.

The main feature you will miss when using fastn as static site generator is authentication, you can not create private fastn sites, or fastn sites with mixed mode, some pages public and some accessible to only few people.

Step 1. Choosing the source of your deployment

Step 1.1. Start from scratch: New Repository
Use this template to initialize. Check out step 2 for the configuration setup.

— ds.image: Just choose your repository name and click on the Create button src: $assets.files.how-to.vercel-new-template.png width: fill-container

Step 1.2. Deploy an existing repository
Deploying an existing FASTN repository on vercel is quite easy. On your vercel dashboard, click on New Project and select your git provider and the repository accordingly.

Once done, you’ll be taken to the Configuration Dashboard of the application. Select the FRAMEWORK PRESET as Other and enter the configuration mentioned in Step 2.

Step 2. Vercel FASTN configuration
Once the application is up and ready, head over to Settings > General and enter the following configuration in the Build & Development Settings

Build Command
fastn build --base=/
Output Directory
.build
Install Command
sh -c "$(curl -fsSL https://raw.githubusercontent.com/FifthTry/fastn/main/install-fastn.sh)"
Congratulations, your FASTN package is now successfully hosted. You can head over to the application dashboard to see your deployment domain(s).