For my personal developer website, I chose Netlify for the static site pages for the ease of use and deployments. In their free plan, they provide up to 100gb of bandwidth per month, custom domains, SSL, and much more. So far, I am super happy with the results.
For the backend API, I am using Heroku, because I am statically generating the site, and I don't need my server to be running all the time. For this, I could use their free plan as well! It has worked wonderfully, and running deployments is easy. They even have deployment paths so that you can release staging sites, and easily configure zero-downtime deployments.
The database is on MongoDB Atlas. I am using their free plan as well! I don't have a lot of experience with MongoDB, but there were a lot of tutorials online to help with the release and set up, which made it pretty straight forward.
Images are hosted on Cloudinary, and once again, I was able to utilize their free plan for this! Since I am using Strapi for the API/CMS, I was easily able to configure a plugin that connected to Cloudinary for hosting images uploaded.
In total, everything is hosted for free, and I am super happy with the results. Feel free to check out the site here.