DEV Community

Cover image for Getting started with gatsby
sakethk
sakethk

Posted on • Edited on

1 1

Getting started with gatsby

Requirements

Installing gatsby cli

npm i -g gatsby-cli
Enter fullscreen mode Exit fullscreen mode

Before creating a site you should know about gatsby starters. Starters are nothing but boilerplates there are hundred's of boilerplates (starters) available from gatsby official site.

Here you can choose Gatsby starter

Creating new gatsby site from starter

gatsby new {name_of_your_site} {starter-repo-link}
Enter fullscreen mode Exit fullscreen mode

Once gatsby new is successful then run the following commands

cd {name_of_your_site}
gatsby develop
Enter fullscreen mode Exit fullscreen mode

Project structure will be like this

/
|-- /.cache
|-- /plugins
|-- /public
|-- /src
    |-- /pages
|-- /static
|-- gatsby-config.js
|-- gatsby-node.js
|-- gatsby-browser.js
Enter fullscreen mode Exit fullscreen mode

Now you can check your site at localhost:8000

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more