Hi everyone, I am DHL. ByteCode, focus on the latest technology to share original articles, involving Kotlin, Jetpack, algorithm animation, data structure, system source code, LeetCode/point Offer/multithreading/domestic and foreign large factory algorithm problems and so on.

This article is about how to quickly launch your website without a server, domain name, or certificate. It is divided into video and text versions.

Video version

Video address: https://www.bilibili.com/video/BV1W341177pY?share_source=copy_web

Word version

Hello, everyone, I am DHL. Have you ever met such a situation that you want to visit your own website on your mobile phone, computer or iPad through the domain name, but you don’t know what keywords to search for in Baidu?

I know how to search, but when BAIDU finished, I saw how much technology I had to learn, so I gave up.

The site took a long time to deploy, but when people visit your site, they are always reminded that it is an insecure site, and finally realize that you need to configure Https certificates, set up ports, etc.

This period of video, it will help you quickly solve these problems, make friends don’t understand the technology, there is no server, no domain name, the absence of any resources, also can quickly in a few seconds to complete the deployment of a web site, a short video, please read patiently and believe that for you later work and learning will have a lot of help.

Deploying a website requires all of those things

First let’s take a look at what needs to be done to complete the deployment of a website:

The whole process is not only troublesome, but also very expensive to buy domain names and servers. However, there is no more simple and efficient way to quickly complete the deployment of a website.

That’s why we’re focusing today on Vercel, which automates most of our work and can deploy a website in seconds.

What kind of site is Vercel

Vercel is a free web hosting platform and the best web hosting platform I have used so far. It can deploy not only static sites, but also dynamic sites, so we can use Vercel as your free server for the following main benefits.

  • Associated with Github, just submit code to Github, it will automatically get the latest commit, and then automatically deploy
  • Provides a free domain name, eliminating the problem of applying for a domain name, if you have your own domain name, you can also do a domain name resolution to this platform
  • A free Https certificate is provided, and if the certificate expires, it will be replaced automatically, no need to worry
  • In this video, we will focus on deployment through the command line, because it is much easier to deploy on the command line

Deploy through the command line

These commands don’t need to be memorized, just copy and paste them when you use them. I’ve commented on what each command means, and I’ll share it in the comments section.

Sign up for a Vercel account

You need to sign up for a Vercel account before you can use it. Vercel provides a variety of ways to support Github and email registration, so you can choose a common one.

Install and log in to the Vercel client

After registering the account, we need to install the Vercel client. Vercel provides two installation methods: NPM and YARN.

NPM I-G Vercel or YARN Global add VercelCopy the code

PS: If NPM or YARN is not found, you need to install NPM or YARN. I will post the installation tutorial in the comments section

First we turn on the terminal. Mac users use command + space to open the search box input terminal. Win users can download and install the Vercel client using PowerShell, copy and paste the corresponding commands.

Log in and publish your website (for details, check out the video)

After the installation is complete, type vc login to login to your registered account.

You can choose a variety of login methods, you use what way to register, choose what login method can be, here we choose Github login, will pop up a webpage, verify login success, you can deploy your website. There are only three steps to complete the deployment of a website:

  1. First we need to prepare a web page

    You can download free templates directly from the web. Here I have a pre-downloaded web page that we will deploy to Vercel to make it accessible on any device

  2. Go to the folder where you store your web pages

    Open the terminal, type CD, drag the folder for storing web pages to the terminal, and press Enter to enter the folder for storing web pages

  3. Then type vc to upload your web page to Vercel. Before uploading, Vercel says we need to do a simple configuration. We don’t need to do anything here

After a while, Vercel will generate a domain name ending in Vercel.app, which you can copy and paste into your browser and run. At this point, we are finished deploying the site.

If the generated domain name is not what you want, we can also go into the Vercel admin background and change your domain name. (You can check the video for details)

Update the local web page with the vc –prod command

If you have updated the successful deployment of the web page, such as modified pictures, text and so on, in the terminal under the input VC –prod, prompt success, refresh the web page, you modify the content will be displayed.


A “like” would be the biggest encouragement if it helps

More code, more articles

Welcome to the public account: ByteCode, continue to share the latest technology


Finally, recommend long-term update and maintenance projects:

  • Personal blog, will all articles classification, welcome to check hi-dhl.com

  • KtKit compact and practical, written in Kotlin language tool library, welcome to check KtKit

  • Androidx-jetpack-practice androidX-Jetpack-practice androidX-Jetpack-practice androidX-Jetpack-Practice androidX-Jetpack-Practice

  • LeetCode/multiple thread solution, language Java and Kotlin, including a variety of solutions, problem solving ideas, time complexity, spatial complexity analysis

  • Job interview with major companies at home and abroad
  • LeetCode: Read online

Must-read articles these days

  • Box-sizing: border-box! Important; word-wrap: break-word! Important; “> < span style =” max-width: 100%
  • Android 12 is here, did your App crash?
  • Kotlin announced a blockbuster feature
  • Google has announced the abandonment of the LiveData.observe method
  • One detail to note when using Kotlin
  • Kotlin code affecting Performance (1)
  • Jetpack Splashscreen parsing | power generation IT migrant workers get twice the result with half the effort
  • Kotlin’s Technique and Analysis (3)
  • Uncover the == and === in Kotlin
  • The Kotlin hermetic class evolved
  • The sealed class in Kotlin is superior to the tagged class
  • What is Kotlin Sealed? Why does Google use it all