This is the sixth day of my participation in the November Gwen Challenge. See details: The Last Gwen Challenge 2021.

preface

As we know, to build a website often need the following steps:

  1. Domain name registration
  2. Server Purchase
  3. Database purchase or deployment
  4. Website design
  5. Website development
  6. Web site for the record
  7. Site live

In the domestic online a website, the domain name must be put on record, just the domain name for the record is still a few weeks, the whole process down, online a website may take a month. If the choice of cloud server, each major cloud platform new users have a preferential first year, the next year to renew the cost of no small cost. This article will show you how to develop and deploy a dynamic website with minimal cost and time.

Buy a domain name

The free domain can be Freenom, of course, you can choose not to use the domain name, if you choose Vercel deployment will automatically assign a secondary domain, also very useful. Of course, domain name registration is also very cheap, at least 1 yuan, I choose Tencent cloud, after purchase only need real name authentication (upload ID card and other information) can directly resolve the domain name.

Website design

For programmers, website design may be confusing to everyone. You can go to Dribbble, Zcool and other websites to search for the app to be implemented, and select a good-looking design to apply to your website.

If you will install this plugin I recommend VSCODE TailwindCSS tailwind – snippets can quickly to help us to send a commonly used code snippets, you can check my effect on www.tailwindsnippets.ml/snippets, Quickly implement our HTML pages

The deployment of

Vercel

Next. Js developer Vercel recently raised $150 million in Series D funding. Create a project using GitHub and click On New Project. This project can import from your GitHub library or select a template from Vercel. Vercel’s templates (below) will also be imported into the GitHub library first, after importing the content into the GitHub library first.

Vercel provides for individual users

  1. Automatic HTTPS/SSL
  2. Bandwidth 100 GB
  3. Build concurrently, 100,000 calls per day
  4. Serverless Function

So Vercel supports not only static sites but also nodeJS dynamic sites if you want other backend languages

Heroku is an option

heroku

Heroku is a cloud platform that supports multiple programming languages and provides Heroku Postgres, Heroku Redis, Apache Kafka on Heroku,

Although Heroku offers comprehensive programming language and database support, it is also supported by free users

  1. Deploy with Git and Docker
  2. User-defined secondary domain name
  3. The container arrangement
  4. Automatic operating system patches

However, Heroku is not very friendly to domestic user support. Firstly, the speed of accessing China is not as fast as Vercel. Secondly, 163 and QQ mailbox cannot be registered. The fourth project source code is only 500M long.

Database selection

MongoDB

Choose cloud.mongodb.com/

Select free when creating the database.

The location could be Japan or Singapore.

Then create a userPasswords are automatically generated, so copy them

Next, create an IP address that allows links

Here select anywhere you can link to

Next, select Database and click Connect

You can also choose your development language

Replace the above with the randomly generated password you just created for the user

mysql

Mysql can choose planetScale.com/

For free users:

  1. 10GB of storage per month
  2. 100 million rows read per month
  3. 10 million times a month
  4. Three branches per database
  5. 1000 links
  6. Daily Automatic Backup
  7. Community support

You can directly log in to Github and follow the instructions to the last step to create the database.

The geographical choice is nearby Singapore or Japan.

You can manage the data in the command line, and click the button in the above image to randomly generate a password, which the user must manually save and will not be able to see after logging in

Domain name resolution

Vercel binding domain name

I won’t talk about binding domain name, just go to your domain platform, cname to cname.vercel-dns.com, and Vercel will automatically generate a certificate for you.

Web site for the record

Scheme is introduced here are services are not deployed on the mainland, so you can choose to don’t have to put on record, but if want to operations in mainland China, overseas often can’t keep up with the speed, or choose a server of the mainland, the record is essential, the cloud service vendors are provided for the record, fill in the website information in accordance with the requirements.

If you haven’t bought a cloud server before, you can buy a 3-year, 2-core, 4G lightweight application server.

If it is an old user switch to QQ login can also buy. After all, the server is in China, white foreign countries are still very fast.

I gave it to me earlierblogIt was in 2016 when I put it on record, but I still don’t remember the specific steps. Just remember that the filing party will send you a curtain, take a photo of it and send it back. It’s not very complicated, it’s just taking a little longer.

The last

Next is the website operation, the need to give the site drainage, bring more accurate users, the value of the website can play the most. The main promotion channels and ways are SEO, SEM, new media, information flow advertising, etc. As for how to do website promotion is another big topic.

Conclusion: the above is about domain name and website construction related content, I hope this article is helpful to you, you can also refer to my previous articles or in the comments section to exchange your ideas and experience, welcome to explore the front end.