My first website with Hugo and from scratch

Showcases
1

Hi there, I’m from Brazil.
This is my first website using Hugo, it’s still missing some pages but client requested to publish.

  • It’s not using any theme, completely from scratch to learn all details about Hugo.
  • The idea is to have now a base structure for new site
  • Each block is a reusable partial

I appreciate your time to take a moment to visit and share some feedback.

Next step:

  • Try to learn about netlify cms

Thanks.

8 Likes
2

Looks great. Btw the Netlify CMS is no longer maintaining, there is a fork called StaticCMS you may be interested.

Latest news: Is this project dead? - #74 by martinjagodic - Netlify CMS - Netlify Support Forums
Netlify CMS to Become Decap CMS: What You Need to Know

2 Likes
3

Forestry.io was re-branded to Tina, the street name for crystal meth.

Netlify CMS was re-branded to Decap, short for decapitated, gruesome in both meaning and image.

Well done.

7 Likes
4

LOL, thank you.

5

Thank you.
Need to find something that have future =)

1 Like
6

Nice, but…
you need seriously look into the CLS issue (cumulative layout shift) as don’t know why, but for the first time when I visited the site, it jumped up and down loading different things and finishing on pictures of doors and not top of the page.

PageSpeed Insight may not show that, but highlighting other issues that you need to consider.

Keep working, well done.

7

Check out cloudcannon for a cms

and

for more detailed performance issues.

3 Likes
8

Hi @idarek thank you!
Yes, this issue is tracked, client is using Twakto chat tool, when remove code is pretty clean and fast =(

1 Like
9

Hi @devsr-gt thank you… I checked but… Cloudcannon is very expensive for small brazilian projects.

1 Like
10

They have a free tier if it is just you.

1 Like
11

I will try…
And thank you for Yellow Lab… very cool tool.

1 Like
12

You can process images in your asset folder to make them smaller and generate webp images.

or

You can use divriots jampack

But hugo can already has the capability of fixing these issues without installing node

Daniel has a great module for doing something like this here.

You should also look up self hosting fonts. It will make less requests.

1 Like
13

Hi @devsr-gt, that’s cool! Thank you. I really appreciate your time and comments. These are great tips for me as I’m just starting with Hugo.

14

Not sure if these even matter with a static site but you can also look into Scan results for https://portastht.com.br/

But if they do i used these in a cloudflare worker

addEventListener(‘fetch’, event => {
event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {

let originalResponse = await fetch(request)

// pass in the original response so we can modify some of it.
let response = new Response(originalResponse.body,originalResponse);

response.headers.set(‘X-Frame-Options’, ‘SAMEORIGIN’);
response.headers.set(‘Strict-Transport-Security’, ‘max-age=31536000; includeSubdomains; preload’);
response.headers.set(‘Referrer-Policy’,‘same-origin’);
response.headers.set(‘Content-Security-Policy’, ‘default-src 'self'’);
response.headers.set(‘Permissions-Policy’,‘camera 'none'; geolocation 'none'’);
response.headers.set(‘X-Content-Type-Options’,‘nosniff’);
response.headers.set(‘X-XSS-Protection’,‘1; mode=block’);
response.headers.set(‘Permissions-Policy’, ‘camera=(), geolocation=(), microphone=()’);
return response
}

You will have to customize this so it works with tawk but i never really got a clear answer if this mattered

2 Likes
15

WOW +1 great tool… yes I recommended to use netlify or cloudflare pages, but client have a “SEO” folder with 11k pages so I neeed to publish in current serve.

1 Like
16

Cloudflare Pages team told me they don’t matter since the site is static, but recommended the security headers anyway.

1 Like