DEV Community

loading...
Cover image for Getting started with gatsby

Getting started with gatsby

sakethk
Computer jock, Programmer, Technology enthusiast and Math ❤️ er.
Updated on ・1 min read

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

Discussion (0)