MENU

Gatsby.js

Although not a full-fledged CMS such as WordPress, Gatsby is a fast open-source static-site generation(SSG) web framework that is based on React and makes use of Webpack and GraphQL. It can be used to build static sites that are progressive web apps, follow the latest web standards, and are optimized for speed and security. Gatsby covers SEO for you.

Gatsby loads only critical parts of the page, exactly when the visitor needs it, and not a second sooner. Once loaded, Gatsby prefetches resources for other pages so that clicking on the site feels buttery smooth, and responsive. Everything is statically generated at runtime - so your site loads as fast as possible.

Build, preview and deploy a web app in just minutes with Gatsby Cloud.

Go from idea to production in less time with Starters, Themes, and over 2500 plugins that can help connect nearly any CMS, eCommerce platform, analytics tool, or other web service and get your website up and running in just minutes.

To get started:

Follow the prompts to choose your preferred CMS, styling tools, and additional features. Once everything is downloaded you will see a message with instructions for navigating to your site and running it locally.

Start by going to the directory with:

Start the local development server with:

Gatsby will start a hot-reloading development environment accessible by default at http://localhost:8000.

Now you're ready to make changes to your site. Try editing the home page in src/pages/index.js. Saved changes will live-reload in the browser.