DEV Community

Cover image for Gatsby and WordPress: Netlify or Die!
Mark Sta Ana
Mark Sta Ana

Posted on • Originally published at booyaa.wtf on

15 7

Gatsby and WordPress: Netlify or Die!

Photo by Billy Huynh on Unsplash
We’re done with our new site, it’s time to setup Netlify.

  • Install gatsby-cli in your repo (netlify needs it to build your site): npm install --save gatsby-cli
  • Get your node version node -v and stick it in .nvmrc to pin netlify to the version you used to build the site (note: don’t include the v in version number i.e. v11.3.0 becomes 11.3.0
  • Complete netlify setup up to step 5, but don’t hit deploy: A Step-by-Step Guide: Gatsby on Netlify | Netlify
  • Expand advanced build settings

Advanced in Netlify

Remember those environmental variables we set up on gatsby-config.js? It’s time add them up in Netlify.

Environment Variables in Netlify

Let’s the click deploy button to publish the site. If there were any errors, check out the logs in the Deploys section of your Netlify site.

To go to the next part of the series, click on the grey dot below which is next to the current marker (the black dot).

Image of Datadog

Master Mobile Monitoring for iOS Apps

Monitor your app’s health with real-time insights into crash-free rates, start times, and more. Optimize performance and prevent user churn by addressing critical issues like app hangs, and ANRs. Learn how to keep your iOS app running smoothly across all devices by downloading this eBook.

Get The eBook

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay