How this site was born š¶
The website was made using Jekyll the one of open source static sites generator, and using my own simple theme, the creator called klisƩ.
All the services are free, source code the site was placed on github repository and intergration with vercel service, another service that you can use is github page for hosting your own static site.
Letās do this
So, before we start create a site, you need some tools, you can self paced for how to installing each tools, on this guide iām just want to show you how to install jekyll and deploying in vercel, but make sure you have each tools below.
Prerequisites
Requirements before we doing magic show.
Installation
First, you need some SSG, there are many kind ssg, but in case iām using Jekyll cause iām already familiar with it, open your terminal and type command on below
$ bundle install jekyll # installing jekyll in your machine
$ jekyll new my-site && cd my-site # create new jekyll project
$ jekyll s # run jekyll server
Now, jekyll is running on your local machine, open your browser and go to localhost:4000
is default address from jekyll, press CTRL + C to stop the jekyll server.
Adding remote repository
Before we adding remote repository, you must have github repository, if already have repository, just add github remote address to your local folder, with the following commands
$ git init # initializing project folder
$ git remote add origin https://github.com/YOUR-USERNAME/YOUR-REPO.git # change UPPERCASE with your own!
$ git add -A && git commit -m "Initialize" && git push -u origin master # push code to github
Now check your github repository, make sure the files is uploaded correctly.
Deploying to netlify
Go vercel dashboard, and following this step.
- Create an account. (I recommend use git integration)
- click
Add New...
, then chooseProject
. - then choose your repository where is the jekyll sources uploaded.
- vercel smart enough to configuring, we just needās are hosting to click
Impot
, thendeploy
.
Wait for moment, and voila..! your siteās are hosting and using .vercel.app
tld, if your website wants to look professional, just buy a domain from your favorite domain store. or if you the first time, I advice using namecheap.com(isnāt sponsor) *based on my experienced it provides good service and have various TLDs.
So, what you waiting for, just create your own website for free.