Web site has been opened☆彡

Hello, my name is okawa. I opened this site as a place to output my knowledge. I would also like to introduce some of the things that I have used and found useful.

As soon as possible, I would like to introduce the services we use to operate this website (^^)/.

On the Launch of the Website

In establishing the site, we came up with a configuration that meets the following requirements

No running costs (no need for a rental server)
Articles can be written in markdown format
Articles can be managed on GitHub and the publishing flow can be automated.
Allows you to focus on writing articles

The final configuration was as follows.

Get a domain okawayusuke.com on Cloudflare Registrar
Build and deliver your site with Cloudflare Pages
Generate a static site using Hugo
Leave the design to the template
The files that make up the site are stored on GitHub

Site Design - Hugo Blox

I thought about building it from scratch with Next.js or Astro, but I saw a future where I would have to devote a lot of effort to this project, so I decided against it.

As a result, we built it using a website builder called Hugo Blox. Choosing a theme was the most time consuming part, and we are currently using a template theme called HugoBlox/theme-academic-cv. I chose it because it is quite customizable, I can write my biography, it has a good environment for blogging, the directory structure is intuitive, etc.

Basically, the settings section of the theme here gives you a good feel for the page, so you can concentrate on writing articles, stress-free.

Cloudflare Pages

We have integrated GitHub and Cloudflare Pages, so all you have to do is upload your changes to GitHub, and Cloudflare will automatically generate the site and publish it.

I wanted to use other Cloudflare services in the future (Tunnel, etc.), so I started with Cloudflare for everything from the domain name.

Good points at this point in time.

They generate pages for all branches.
Many things can be done with the free plan
Can be used for commercial purposes
You can see a lot of traffic information (like the countries where people accessed your site).

I really appreciated the ability to see pages for all branches. I also thought it would be easy for multiple developers since a URL (separate from the domain) is issued for each build.

Cloudflare Pages - plan Zenn (japanese) - Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる