Book Image

Elevating React Web Development with Gatsby

Book Image

Elevating React Web Development with Gatsby

Overview of this book

Gatsby is a powerful React static site generator that enables you to create lightning-fast web experiences. With the latest version of Gatsby, you can combine your static content with server-side rendered and deferred static content to create a fully rounded application. Elevating React Web Development with Gatsby provides a comprehensive introduction for anyone new to GatsbyJS and will help you get up to speed in no time. Complete with hands-on tutorials and projects, this easy-to-follow guide starts by teaching you the core concepts of GatsbyJS. You'll then discover how to build performant, accessible, and scalable websites with the GatsbyJS framework. Once you've worked through the practical projects in the book, you'll be able to build anything from a personal website to large-scale applications with authentication and make your site rise through those SEO rankings. By the end of this Gatsby development book, you'll be well-versed in every aspect of the tool's performance and accessibility and have learned how to build client websites that your users will love.
Table of Contents (18 chapters)
1
Part 1: Getting Started
7
Part 2: Going Live
12
Part 3: Advanced Concepts

Your pre-deployment checklist

Regardless of how you intend to deploy your site, there are a few steps you should follow on your local machine to ensure that your first deployment will run smoothly:

  1. Ensure any deployment platform plugins that are required have been installed. A couple of the platforms we will look at have Gatsby plugins specifically for use with their product. By adding them to your Gatsby site, the platform is better able to understand your project and, as a result, build your site faster.
  2. Make sure your Gatsby site builds without an error. Once the build has passed successfully, try running gatsby serve to ensure that you can use the site without issue.
  3. Ensure all your tests are passing. Make sure that you have run your unit tests that we set up in Chapter 7, Testing and Auditing Your Site, using npm run test, and ensure that they are all passing.
  4. Take note of your Node.js version. As of Gatsby version 4, your Node.js version should be 14 or higher...