Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/colbyfayock/gatsby-starter-leaflet
🍃 A Gatsby starter with Leafet to quickly build React apps with a map!
https://github.com/colbyfayock/gatsby-starter-leaflet
gatsby gatsby-cli gatsby-site gatsby-starter gatsby-starters hacktoberfest leaflet leaflet-map react react-leaflet
Last synced: 3 months ago
JSON representation
🍃 A Gatsby starter with Leafet to quickly build React apps with a map!
- Host: GitHub
- URL: https://github.com/colbyfayock/gatsby-starter-leaflet
- Owner: colbyfayock
- License: mit
- Created: 2019-05-27T13:23:01.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-28T09:15:13.000Z (over 1 year ago)
- Last Synced: 2024-03-22T17:28:20.421Z (4 months ago)
- Topics: gatsby, gatsby-cli, gatsby-site, gatsby-starter, gatsby-starters, hacktoberfest, leaflet, leaflet-map, react, react-leaflet
- Language: JavaScript
- Homepage: https://gatsby-starter-leaflet.netlify.com
- Size: 3.82 MB
- Stars: 115
- Watchers: 9
- Forks: 59
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Lists
- awesome-stars - colbyfayock/gatsby-starter-leaflet - 🍃 A Gatsby starter with Leafet to quickly build React apps with a map! (JavaScript)
README
# 🍃 Gatsby Leaflet Starter
[](#contributors-)
Jumpstart your next Gatsby mapping project with Leaflet!
## ⚡ Quick Deploy
[](https://app.netlify.com/start/deploy?repository=https://github.com/colbyfayock/gatsby-starter-leaflet) [](https://vercel.com/import/project?template=https://github.com/colbyfayock/gatsby-starter-leaflet)
## 🧰 What This Includes
* [Yarn](https://yarnpkg.com/en/)
* [Gatsby](https://www.gatsbyjs.org/)
* [Sass](https://sass-lang.com)
* [React Helmet](https://github.com/nfl/react-helmet)
* [Resolve Src](https://github.com/alampros/gatsby-plugin-resolve-src)
* [Leaflet](https://leafletjs.com/)
* [React Leaflet](https://react-leaflet.js.org)
## 🚀 Getting Started
### Requirements
* [Gatsby CLI](https://www.npmjs.com/package/gatsby-cli)
* [Yarn](https://yarnpkg.com/en/)
### Quick Start
Run the following in your favorite terminal:
```
gatsby new my-map-app https://github.com/colbyfayock/gatsby-starter-leaflet
```
### Starting from Scratch
* Set up Yarn: https://yarnpkg.com/lang/en/docs/install/#mac-stable)[https://yarnpkg.com/lang/en/docs/install/
* Install the Gatsby CLI globally:
```
yarn global add gatsby-cli
```
* Inside the directory of your choice, scaffold a new Gatsby site:
```
gatsby new my-map-app https://github.com/colbyfayock/gatsby-starter-leaflet
```
For example, if I want my installation in `~/Code/new-gatsby-site`, I would navigate to `~/Code` and run:
```
gatsby new new-gatsby-site https://github.com/colbyfayock/gatsby-starter-leaflet
```
* Navigate to your new directory and run:
```
yarn develop
```
* You should now be running a new Gatsby site locally! 🎉
## 🗺 Resources to Learn About Mapping
* [Mapping with React Leaflet](https://egghead.io/playlists/mapping-with-react-leaflet-e0e0?af=atzgap) (egghead.io)
* [How to build a mapping app in React the easy way with Leaflet](https://www.freecodecamp.org/news/easily-spin-up-a-mapping-app-in-react-with-leaflet/) (freecodecamp.org)
* [Anyone Can Map! Inspiration and an introduction to the world of mapping](https://www.colbyfayock.com/2020/03/anyone-can-map-inspiration-and-an-introduction-to-the-world-of-mapping/) (colbyfayock.com)
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Colby Fayock
💻 📖
Fukuda Naoto
💻
Digvijay Singh Rathore
💻
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!