Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Fum
Fum

Posted on

     

How do you deploy your Gatsby website?

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)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
dejesumensaje profile image
Dejesumensaje
  • Joined

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?

CollapseExpand
 
funbeedev profile image
Fum
I work as an Embedded C Engineer. Interested in expanding my knowledge in other areas of software development. Building a collaboration community for devs at https://inspirezone.tech
  • Work
    Embedded C Engineer
  • Joined
• Edited on• Edited

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

CollapseExpand
 
prosper74 profile image
Prosper Atu
  • Joined
• Edited on• 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 blogprosper-blog.netlify.app/blog/rehy...

Hope it helps

CollapseExpand
 
andrewbaisden profile image
Andrew Baisden
Software Developer | Content Creator | AI, Tech, Programming
  • Location
    London, UK
  • Education
    Bachelor Degree Computer Science
  • Work
    Software Developer
  • Joined

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

CollapseExpand
 
zendannyy profile image
zendannyy
Always learning
  • Work
    Analyst
  • Joined

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?

CollapseExpand
 
andrewbaisden profile image
Andrew Baisden
Software Developer | Content Creator | AI, Tech, Programming
  • Location
    London, UK
  • Education
    Bachelor Degree Computer Science
  • Work
    Software Developer
  • Joined

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

CollapseExpand
 
yogiokto profile image
yogiokto
Build Apps with JavaScript & Serverless
  • Location
    Kediri, East Java
  • Work
    Fullstack Developer at own company
  • Joined

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

CollapseExpand
 
buraksaraloglu profile image
Burak Saraloglu
Hello, I’m Burak, a front-end developer. 👋I dedicate my time to develop products and create useful services mostly built with React.
  • Location
    Istanbul
  • Joined

You should search for "Continuous delivery" or "CI/CD". It will cover all your current and future questions.

CollapseExpand
 
jvarness profile image
Jake Varness
Staff Software Engineer at Storable, husband, father, nerd
  • Education
    Eastern Washington University, BS in Computer Science
  • Work
    Staff Software Engineer at Storable
  • Joined

I have my Gatsby site deployed to Vercel. Here’s why:

jvarness.blog/how-this-site-was-made/

CollapseExpand
 
rahkee profile image
Ray Villaraza
Designer turned Developer. Now I'm a monster.
  • Location
    Tempe, AZ
  • Work
    UX/UI Engineer at StrongMind
  • Joined

I see all the great suggestions for static hosting, but do they support WordPress? Apologize if I'm off on my understanding. Thank you!

CollapseExpand
 
funbeedev profile image
Fum
I work as an Embedded C Engineer. Interested in expanding my knowledge in other areas of software development. Building a collaboration community for devs at https://inspirezone.tech
  • Work
    Embedded C Engineer
  • Joined

Interesting question! I had a quick look and found this:netlify.com/with/wordpress/
Not something I've tried myself but hope that helps.

CollapseExpand
 
rahkee profile image
Ray Villaraza
Designer turned Developer. Now I'm a monster.
  • Location
    Tempe, AZ
  • Work
    UX/UI Engineer at StrongMind
  • Joined

I'll check it out, thanks!

CollapseExpand
 
sabderemane profile image
Sarah Abd
Backend Developer | Other titles
  • Location
    Paris, France
  • Work
    Software Engineer at Kraken Technologies France
  • Joined

I'm deploying mine with netlify, super easy. If you have any questions, don't hesitate !

CollapseExpand
 
ksomao profile image
ksomao
  • Location
    Belgium Brussels
  • Joined
• Edited on• Edited

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

CollapseExpand
 
funbeedev profile image
Fum
I work as an Embedded C Engineer. Interested in expanding my knowledge in other areas of software development. Building a collaboration community for devs at https://inspirezone.tech
  • Work
    Embedded C Engineer
  • Joined

Was it a shared hosting plan or VPS?

CollapseExpand
 
ksomao profile image
ksomao
  • Location
    Belgium Brussels
  • Joined
• Edited on• 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.

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

I work as an Embedded C Engineer. Interested in expanding my knowledge in other areas of software development. Building a collaboration community for devs at https://inspirezone.tech
  • Work
    Embedded C Engineer
  • Joined

Trending onDEV CommunityHot

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp