Contains about the weekly tasks of the revou course has a goal to learn some new knowledge about software engineering. The fourth week's assignment contains :
- How to deploy a website things that will built and deploy on netlify.
- The deployment must be auto deploy from project main branch using github.
- Custom domain must be connected
- Documented the steps and process on a readme
I'm newbie about this but i will try to create a my personal website assignment. The topic of my website contains about sales of spices and other things related to herbs.
My website layout consists of :
Navigasi bar
Heading
Main
yang berisidisplay
,list picture
,how to use
, andform address
footer
The main files and directories in the project can you customize,
index.html
style.css
your suggestions, feedback and input are very useful for my knowledge about this..
Contains the stages of the process from start to finish
Domain purchase at Niagahoster, following are the steps for the purchase..
- Open website niagahoster
- Check the desired domain name, is it still available? If still available, then press "pilih"
- If already logged in, the menu will return to the payment method display. Can directly select Checkout now
Open the folder you want to do a pull request, and open github in there. Then, make a new branch.
Activate a new branch, from branch "main" to "develop".
And push to github.
This is the result
After being pushed, do an edit to see the changes. Then do the following steps on git bash.
After being commit in new branch, than click "compare & pull request".
Then write a description as an introduction to the pull request.
And create a pull request
And click "Merge Pull Request"
Click "Confirm Merge"
And the pull request and merge process was successful.
--
Before going on to the steps for deploying a static website to netlify, first prepare the website files and push them to github. Then create a new repository on github to hold the files you just created.
After the html file is ready and the repository on Github has been created, now we push the file to the repository that was created on Github using the basic git command as shown above.
Register or sign in first
Please select a registration method to use, I will sign in using GitHub
After success, you will be redirected to the Netlify dashboard.
--
Then it will be redirected to an overview page as shown below. Please click the "add new site" button then select "import an existing project"
In this second step, please click the button "deploy with github"
--
After selecting github, wait for the authorization process
--
Next, select the repository on github that you want to deploy to the new site on netlify,
and choose your project to deploy.
--
Then in the configuration or site setting step, please adjust it to your website's source code.
After clicking Deploy Site, wait until the deploy process is complete. If the deploy process is complete, the static website can be accessed.
--
Default site name from netlify can be changed by editing site name.
Then, edit and customize the site name you want. And click "save"
Final result looks like this
Before the connection process, it is necessary to prepare a paid custom domain first.
--
Open website Cloudflare and sign in there. If complete your account, can click "apply"
Then, click "Add a website or application".
Then write down the domain name that has been prepared, and then click "add site".
After that several service options will be provided, select free for those that are not paid. Then click "continue.
Waiting for scanning..
Than select "continue" and select "confirm".
--
Open the Niagahoster website and log in. Then click "kelola layanan".
Next choose "Ubah Nameserver" in overview domain.
Open cloudflare and click "overview menu", then add cloudflare nameserver with copy to paste in update nameserver niagahoster. Then click "Simpan"
Done, check name server. Then go to "Quick Start Guide".
Set according to the number in the instructions below. Then click "Finish"
Wait for nameserver verification approximately 10 minutes, and Don't forget to log out after this.
After ± 10 minutes, please log in your account on cloudflare. If nameserver is active, marked as shown below. And click on the notification.
--
Choose type "CNAME"
Then, copy your nameserver domain in netlify.
Then, paste to "target" in cloudflare.
And add "@" to name "required" in cloudflare. Then click "save"
Nameservers already saved,
--
Contains about the end of the domain linking, then add domain in netlify and write your domain custom name.
And wait verified process, then click "add domain"
and finally custom domain can be accessed..
following domain name, if interested can be accessed here
imanmaris.site
Thanks a lot
*copyright © 2023 Iman*