Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ahmadiqbalbhatti/gatsby_learning

In this simple project, I have explored Gatsby JS which is a framework built on top of React JS.
https://github.com/ahmadiqbalbhatti/gatsby_learning

gatsby gatsby-blog gatsby-plugin gatsby-site gatsbyjs react react-hooks react-router reactjs

Last synced: about 1 month ago
JSON representation

In this simple project, I have explored Gatsby JS which is a framework built on top of React JS.

Awesome Lists containing this project

README

        



Gatsby



Gatsby Minimal Starter project which I have used to learn about Gatsby JS.

## πŸš€ Quick start

1. **Create a Gatsby site.**

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

```shell
# create a new Gatsby site using the minimal starter
npm init gatsby
```

2. **Start developing.**

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

```shell
cd my-gatsby-site/
npm run develop
```

3. **Open the code and start customizing!**

Your site is now running at http://localhost:8000!

Edit `src/pages/index.js` to see your site update in real-time!

4. **Learn more**

- [Documentation](https://www.gatsbyjs.com/docs/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter)
- [Tutorials](https://www.gatsbyjs.com/docs/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter)
- [Guides](https://www.gatsbyjs.com/docs/how-to/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter)
- [API Reference](https://www.gatsbyjs.com/docs/api-reference/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter)
- [Plugin Library](https://www.gatsbyjs.com/plugins?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter)
- [Cheat Sheet](https://www.gatsbyjs.com/docs/cheat-sheet/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter)

## πŸš€ Quick start (Netlify)

Deploy this starter with one click on [Netlify](https://app.netlify.com/signup):

[Deploy to Netlify](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-minimal)

![screencapture-gatsby-learnings-netlify-app-blog-2024-05-08-18_29_36](https://github.com/ahmadiqbalbhatti/Gatsby_Learning/assets/52331296/fe4a9b34-463c-4186-bdd4-7f0036682a7a)