Kick off your project with this default boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.
Have another more specific idea? You may want to check out our vibrant collection of official and community-created starters.
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the default starter.
# create a new Gatsby site using the default starter gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default -
Start developing.
Navigate into your new site’s directory and start it up.
cd my-default-starter/ gatsby develop -
Open the source code and start editing!
Your site is now running at
http://localhost:8000!Note: You'll also see a second link:
http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.Open the
my-default-starterdirectory in your code editor of choice and editsrc/pages/index.js. Save your changes and the browser will update in real time!
-
Open terminal to root of project.
-
Build the container and run it -
docker-compose up --build. -
Then open browser and code.
-
When done using the container run the command
CTRL-Ctwice. -
If you make any dependency changes like
npm install <packagename>to the project then make sure and rundocker-compose up --buildagain to rebuild the container.
** Check your images periodically and remove any unused images created for this container.
-
Add Environment variable named APPLITOOLS_API_KEY and have the key handy to put in the env.development file on the root directory.
-
Use the npm script
npm run cy:open. This open Cypress. -
Select the test to run and then the cypress window will open and you will see the tests.
-
Go to Applitools website to see the test results.
