Hugo + Tailwind + PagesCMS = Quick Site About Switch 2

Hi everyone! :grinning_face_with_smiling_eyes:

I had a wild urge to create something small but interesting using Hugo, and coincidentally, the Nintendo Switch 2 was recently announced. As a fan of the Switch, I just couldn’t pass it up. Using Tailwind and ready-made blocks from https://tailblocks.cc/, I put together this website about it over a couple of boring evenings :zany_face:

Website URL: https://nintendo-switch-2.ru/

The site itself is hosted on GitHub, from where it’s built and deployed using Cloudflare Pages.

The content (news) is managed through https://app.pagescms.org/ — for now, it’s the best CMS for Hugo in my opinion. You just connect it to your GitHub repository and do a bit of configuration in a file at the root called .pages.yml.

Here’s what mine looks like(I made a few adjustments since some of the names were in Russian):

media:
  input: assets/images/news
  output: /images/news
  categories: [ "image" ]
  label: image
content:
  - name: news
    label: News
    type: collection
    path: content/news
    view:
      fields: [ image, title, date ]
    fields:
      - { name: title, label: Title, type: string, required: true }
      - { name: image, label: Image, type: image }
      - { name: date, label: Date, type: date, options: { format: "yyyy-MM-dd" } }
      - { name: body, label: Content, type: rich-text }

And that’s it — the admin panel is ready! The news file is saved to GitHub, and from there Cloudflare Pages picks it up and builds the site with it.


The homepage, however, is a mix of different blocks, so it’s plain HTML with the news feed embedded. But other than that, I can confidently recommend this CMS — everything works fast and smoothly without any complicated setup or hassle, right out of the box.

I might make the site public on GitHub — there’s not much to dig into just yet, and it’s still far from being its own standalone project — but I just wanted to share what I managed to put together. So yeah, that’s it! :grinning_face_with_smiling_eyes:

1 Like