How do you deploy your Gatsby website?

#discuss #gatsby #javascript #webdev

I'm planning to build a Gatsby based website. I'm new to web dev and its related jargon so I'm still doing research on how this will all come together.

I have a WordPress site I host with Hostinger and need to upgrade my plan to a VPS to be able to host a React-based site. But before I make a decision I wanted to know how others deploy Gatsby sites.

Has anyone used providers that are typically known for hosting CMS based sites for deploying their Gatsby site? Like Hostinger, Namecheap, Bluehost, HostGater, etc..

Or how do you deploy your Gatsby site?

Thanks.

Top comments (16)

Dejesumensaje • May 7 '21

I built a site using Gatsby, but when I use the Gatsby Build command my site doesn't work locally. The images and links are broken. I know that you can deploy to Netlify, but my work requires me to send the static files. Maybe I'm omitting something?

Fum • May 11 '21 • Edited

Hi there!
Do your images load if you run gatsby develop and view the site through localhost:8000?
Which directory have you placed your images? Try placing them under the static/ folder if not there already. And import images into your files using the import statement. e.g. import my_image from "../static/my_image.png

Prosper Atu • Feb 7 '22 • Edited

You might be having rehydration error: This occur due to a "mismatch" between the code sent by the server and the code rendered in the browser. I wrote about this in my blog prosper-blog.netlify.app/blog/rehy...

Hope it helps

Andrew Baisden • Nov 29 '20

No need for shared hosting paid plans you can deploy React/Gatsy websites for free. Here are some free top serverless hosts.

Netlify
Vercel
Heroku
Github Pages
Surge
AWS S3

zendannyy • Jan 1 '21

I have a dumb question. You say these are free methods to deploy Gatsby websites, yet nothing in AWS is free to my knowledge. How does this work?

Andrew Baisden • Jan 1 '21

AWS has a free tier see here docs.aws.amazon.com/awsaccountbill...

yogiokto • Nov 29 '20

Website built with Gatsby is static site, it's very easy to deploy.
You can check this link gatsbyjs.com/docs/deploying-and-ho..., and choose one of them.
I use netlify, easy dan free..

ksomao • Nov 29 '20 • Edited

start-creation.be/
Hosted on hostinger with the simple web hosting plan. You just need to upload it to your public folder.

Fum • Nov 29 '20

Was it a shared hosting plan or VPS?

ksomao • Nov 30 '20 • Edited

A Shared hosting plan. But at the end of the day, when your gatsby website is builded, it's just a simple static website, so you can host it wherever you want.