We'll take the easiest path to build your first PWA. This will require Node JS. Once you have that set up, we will use the Gatsby CLI to get everything started.
To begin, you should be running Node JS. If you are on MacOS, use the Terminal window. If you are on Windows, I recommend using Windows Subsystem for Linux.
To make sure that Node is working, go to the Bash command line and run:
You should see something like
Version 8 or later fine.
Go to your personal development directory (mine is
/Projects, but yours might be
Initialize a new Gatsby project (I called mine
This will create a new folder.
cd /Projects npx gatsby new gatsbypwa https://github.com/gatsbyjs/gatsby-starter-blog cd gatsbypwa
Open your favorite text editor and start modifying the application.
Start with the
content folder, where you will find blog posts.
Spin up a development server, and see that changes apply as soon as you save them.
code . npm start
The application will start at http://localhost:8000.