How I Made This Website

website dev
code
Author

Nicholas de Clercq

Published

January 4, 2024

Website Development with Quarto

I created this webiste using Quarto. The site is well-documented and user-friendly. The template for websites generates automatically. Quarto provides documentation for VS Code, R Studio, and the terminal to assist you in creating your website. I highly recommend using VS Code, as it is one of the most popular IDEs among developers and is also well-documented and user-friendly.

You can host this project on your local computer and preview it as you develop the content. In VS Code, this is facilitated by adding the Quarto extension. Once added, a preview button will appear in the top right of your code block, creating a localhost tab for real-time viewing as you develop.

Version control with Github

The next step is to keep track of your work as you develope it, save changes and maybe even share your work. This is made easy with Github. Which is completely free for smaller projects.

There are of course other options such as gitlab, but github is probably the most popular and is easy to use when you host your website using netlify.

Hosting using netlify

I used Netlify to host the website. It is very easy to use with github. all you do is share your github project with Netlify and your pretty much ready to go. Netlify also provides easy to follow instructions when using github, hence why I recommend it. The video below explains this process well.

Domain Name

In the video above Kevin shows us how to host using Netlify and Github, he also shows how to get your own domain name. I purchased my domain name through Netlify which makes things easier but you can also purchase a domain name through other site such as godaddy.