Static Site Deploy
This is a simple application that will deploy a static Vite web application.
BLS Sites
Initialize your static site.
bls sites init
Name your site.
? What would you like to name your site? › <your-site-name>
Select the Blank (Vite) framework.
? Pick a framework › - Use arrow-keys. Return to submit.
❯ Blank (Vite)
React
Next.js
Vue
Change directory to your-site-name
.
cd your-site-name
Install dependencies.
npm Install
Run project.
npm run dev
You will be prompted to navigate to a localhost address.
VITE v5.3.3 ready in 344 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
You can now develop this Vite site as you would any other site. Once you are ready to deploy move to the next section.
BLS Sites Build
Stop your development server by clicking on CTRL+C (macos).
Build your site.
bls sites build
You will see a build success message in your console.
Build successful!
You are now ready to preview your static site locally.
BLS Sites Preview
Preview your project locally. This will create the build that can be deployed to the Blockless Network and preview it locally.
bls sites preview
You should see the following success message in the console:
Serving http://127.0.0.1:3000 ...
Navigate to http://127.0.0.1:3000 (opens in a new tab) to view your project.
You are now ready to deploy!
BLS Sites Deploy
Stop your development server by clicking on CTRL+C (macos).
Deploy your static site to the Blockless Network.
bls sites deploy
You should see the following success message in the console:
Deployment successful!
Name: your-site-name
URL: https://your-site-name-acc53c4a.bls.dev
CID: bafybeib4fsqkqlup7nbuk7nhcvipue4y665rhxaeayzy63n62gkknqfjbq
Navigate to the URL shown in the console.
Congratulations! You have successful deployed a static web application on the Blockless Network.