https://github.com/algokun/gatsby_starter_unicorn

A Quick Gatsby Starter For The Gatsby Theme Unicorn
https://github.com/algokun/gatsby_starter_unicorn

gatsby-blog gatsby-starter gatsby-theme gatsbyjs

Last synced: 30 days ago
JSON representation

A Quick Gatsby Starter For The Gatsby Theme Unicorn

• Host: GitHub
• URL: https://github.com/algokun/gatsby_starter_unicorn
• Owner: algokun
• Created: 2019-08-18T19:50:04.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-09-03T09:38:26.000Z (almost 7 years ago)
• Last Synced: 2025-01-21T05:27:57.944Z (over 1 year ago)
• Topics: gatsby-blog, gatsby-starter, gatsby-theme, gatsbyjs
• Language: JavaScript
• Homepage: https://gatsby-starter-unicorn.netlify.com/
• Size: 620 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

    

  





  The Official Starter for the theme Gatsby Theme Unicorn



A Gatsby theme for creating a blog with awesome typography.

## Demo

[Site Demo](https://gatsby-starter-unicorn.netlify.com/)

[Theme](https://github.com/mohanmonu777/gatsby_theme_unicorn)

## 🚀 Quick start

1.  **Create a Gatsby site.**

    Use the Gatsby CLI to create a new site, specifying the default starter.

    ```sh

    gatsby new your-site-name https://github.com/mohanmonu777/gatsby_starter_unicorn.git

    ```

1.  **Start developing.**

    Navigate into your new site’s directory and start it up.

    ```sh

    cd my-default-starter/

    gatsby develop

    ```

1.  **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](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

    Open the `my-default-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!

## 🧐 What's inside?

A quick look at the top-level files and directories you'll see in a Gatsby project.

    .

    ├── node_modules

    ├── src

    ├── .gitignore

    ├── gatsby-config.js

    ├── package-lock.json

    ├── package.json

    └── README.md

1.  **`/node_modules`**: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.

2.  **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for “source code”.

3.  **`.gitignore`**: This file tells git which files it should not track / not maintain a version history for.

6.  **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you’d like to include, etc. (Check out the [config docs](https://www.gatsbyjs.org/docs/gatsby-config/) for more detail).

10. **`package-lock.json`** (See `package.json` below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. **(You won’t change this file directly).**

11. **`package.json`**: A manifest file for Node.js projects, which includes things like metadata (the project’s name, author, etc). This manifest is how npm knows which packages to install for your project.

12. **`README.md`**: A text file containing useful reference information about your project.

## 🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.

- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.

## 💫 Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-default)