Link Search Menu Expand Document

Gatsby

Gatsby CLI

{
    npm install -g gatsby-cli
    gatsby --version
}
...
Gatsby CLI version: 4.0.0

Create a Gatsby site

gatsby new
What would you like to call your site?
โœ” ยท My First Gatsby Site
What would you like to name the folder where your site will be created?
โœ” Downloads/ my-first-gatsby-site
โœ” Will you be using a CMS?
ยท No (or I'll add it later)
โœ” Would you like to install a styling system?
ยท No (or I'll add it later)


Thanks! Here's what we'll now do:

    ๐Ÿ›   Create a new Gatsby site in the folder my-first-gatsby-site


โœ” Created site from template
โœ” Installed Gatsby
โœ” Installed plugins
โœ” Created site in my-first-gatsby-site
๐ŸŽ‰  Your new Gatsby site My First Gatsby Site has been successfully created
at /Users/adithya321/Downloads/my-first-gatsby-site.
Start by going to the directory with

  cd my-first-gatsby-site

Start the local development server with

  npm run develop

See all commands at

  https://www.gatsbyjs.com/docs/gatsby-cli/

Run your site locally

cd my-first-gatsby-site
gatsby develop
success open and validate gatsby-configs, load plugins - 0.141s
success onPreInit - 0.001s
success initialize cache - 0.093s
success copy gatsby files - 0.122s
success Compiling Gatsby Functions - 0.364s
success onPreBootstrap - 0.377s
success createSchemaCustomization - 0.002s
success Checking for changed pages - 0.001s
success source and transform nodes - 0.045s
success building schema - 0.249s
success createPages - 0.001s
success createPagesStatefully - 0.047s
info Total nodes: 23, SitePage nodes: 4 (use --verbose for breakdown)
success Checking for changed pages - 0.001s
success write out redirect data - 0.002s
success onPostBootstrap - 0.001s
info bootstrap finished - 4.057s
success onPreExtractQueries - 0.002s
success extract queries from components - 0.139s
success write out requires - 0.005s
success run page queries - 0.016s - 3/3 183.91/s
โ €
You can now view my-first-gatsby-site in the browser.
โ €
  http://localhost:8000/
โ €
View GraphiQL, an in-browser IDE, to explore your site's data and schema
โ €
  http://localhost:8000/___graphql
โ €
Note that the development build is not optimized.
To create a production build, use gatsby build
โ €
success Building development bundle - 10.444s
success Writing page-data.json files to public directory - 0.064s - 3/4 62.95/s

Open your favorite web browser and navigate to http://localhost:8000.


Page last modified: 10/23/2021.