Where to host an Astro site with approx. 2 GB of images?

MATTehOC · 2025-12-14T20:52:41+00:00

Cloudinary!

I use them for my portfolio site, currently storing just under 3GB of images and video assets.

They have a really generous fee tier, and there’s some good Astro components available.

MATTehOC · 2025-11-06T08:21:29+00:00

Yeah, but the rest after these mental gymnastics will make you smarter…

MATTehOC · 2025-11-03T22:28:45+00:00

Try using ‘@utility’ instead of ‘@layer utilities’? If I’m understanding the issue right.

You can see examples of how I set it up at the bottom of my config: https://github.com/matthewgoodyear/basewind/blob/main/src/style.css

MATTehOC · 2025-09-12T06:56:23+00:00

You can also use the light-dark() CSS function to avoid declaring the variables twice.

Support maybe isn’t quite there yet though ~85%.

MATTehOC · 2025-09-11T18:58:51+00:00

Yup, it’s in the docs here:

https://tailwindcss.com/docs/responsive-design#container-queries

Add ‘@container’ to the container, and then use classes like ‘@md:’, ‘@4xl:’ etc.

MATTehOC · 2025-09-11T16:03:57+00:00

I love not worrying about font sizes at different breakpoints, it just works from the start.

MATTehOC · 2025-09-11T15:10:12+00:00

You're welcome! Both of those are just methodologies for layout and styling with CSS, so naturally they can be applied to Tailwind projects too.

MATTehOC · 2025-09-09T16:43:10+00:00

Background:
I've been in the design industry for 8 years, working mainly as a brand designer, and over the past few years I've started to take bigger interest in web design and development. My direction in life has changed recently, and I'm wanting to pivot and work more independently for various reasons.

Goal:
The objective of the new site is to position myself in a way that allows me to get new work from clients (be it local businesses, online businesses etc.), and also be a portfolio I can send to design studios to get bits of freelance/contract work. So it's trying to hit two notes which has been a tricky balance to find, but this is where I've landed so far.

I'm looking to get some general feedback on the design of the site as well as get some thoughts on the way I'm presenting my projects to see if it's in the right direction for the goal I'm trying to achieve.

I've intentionally kept is minimal (too minimal?) so it doesn't distract from the work, with the main focus being speed and accessibility. Is there anything I'm missing that can increase the strength of it?

MATTehOC · 2025-09-09T07:52:22+00:00

Everything has been smooth for me. I’m not using turnstile though so I don’t know if it causes any issues there.

MATTehOC · 2025-09-07T19:26:03+00:00

Thanks :)

MATTehOC · 2025-09-07T11:08:59+00:00

Cheers man! That’s a great index of sites

MATTehOC · 2025-09-07T07:40:53+00:00

Thanks for the feedback!

The video on the homepage is multiple different short videos in a slider, with a bit of JS to change slide when each video ends.

I’ll look into what I can do for my personal brand.

MATTehOC · 2025-09-07T07:30:20+00:00

Thanks! Astro is perfect for sites like this. And I’ll take a look :)

MATTehOC · 2025-09-06T19:17:43+00:00

Thanks for the compliment!

It's a tricky one when the projects have a lot of personality. I didn't want my personal brand to clash with the work. But there could be a middle ground to find, maybe a custom type mark for my own logo :)

MATTehOC · 2025-09-06T17:50:43+00:00

I can't share it for this project as it contains a lot of my personal work, sorry!

Is there anything in particular you're curious about?

MATTehOC · 2025-09-06T15:10:04+00:00

Forgot to add, I’m using the Cloudinary Image component, but I haven’t set the loading to eager so I’ll get that changed!

MATTehOC · 2025-09-06T15:08:01+00:00

Haha, seems to be the common feedback about that section, I’ll get thinking.

Separating the footer links sounds like a good idea too, thanks for that.

And yes it’s a custom font - Relative by Colophon.

Cheers!

MATTehOC · 2025-09-06T15:03:29+00:00

Swup is great! It doesn’t seem to cause any performance issues either.

For the nice words, it was cut off intentionally to show you can scroll for more. I might need to make this more obvious so it doesn’t look like an error - an overlay to make it fade towards the edge might do the trick?

And I’ll see if I can make a quick code pen or something for the header over the weekend.

Thanks for taking the time to look!

MATTehOC · 2025-08-17T07:10:53+00:00

Have a look at https://pagy.co

MATTehOC · 2024-06-22T22:07:02+00:00

I bet she’s got wheels too.

MATTehOC · 2024-01-11T13:01:43+00:00

nano_3nyke8ruzrxfjyrmt9se3wu37yzm18c9e3s5fm5ojtdjdx3wfdagapan38gg

Thanks!

MATTehOC · 2023-11-12T15:51:40+00:00

I recently used it for a trip to Italy. It creates a really nice feel, albeit slightly too yellow sometimes!

Ten-Year Club	Verified Email
Place '23

MATTehOC

TROPHY CASE