https://github.com/colbyfayock/next-leaflet-starter

🍃 A Next.js starter with Leafet to quickly build React apps with a map!
https://github.com/colbyfayock/next-leaflet-starter

hacktoberfest leaflet leafletjs next nextjs react react-leaflet reactjs

Last synced: 5 days ago
JSON representation

🍃 A Next.js starter with Leafet to quickly build React apps with a map!

• Host: GitHub
• URL: https://github.com/colbyfayock/next-leaflet-starter
• Owner: colbyfayock
• Created: 2020-12-15T02:21:25.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-11-03T15:43:11.000Z (about 1 year ago)
• Last Synced: 2025-01-01T14:06:34.269Z (12 days ago)
• Topics: hacktoberfest, leaflet, leafletjs, next, nextjs, react, react-leaflet, reactjs
• Language: JavaScript
• Homepage: https://next-leaflet-starter.netlify.app/
• Size: 113 KB
• Stars: 176
• Watchers: 5
• Forks: 71
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• Awesome-NextJs - Next.js Leaflet Starter - [demo](https://next-leaflet-starter.netlify.app/) `A Next.js starter with Leafet to quickly build React apps with a map!` (Nextjs Projects)

README

        
# 🍃 Next.js Leaflet Starter

Jumpstart your new Next.js mapping project with Leaflet!

## ⚡ Quick Deploy

[![Deploy with Vercel Now](https://zeit.co/button)](https://vercel.com/import/project?template=https://github.com/colbyfayock/next-leaflet-starter) [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/colbyfayock/next-leaflet-starter)

## 🧰 What This Includes

* [Next.js](https://nextjs.org/)

* [Leaflet](https://leafletjs.com/)

* [React Leaflet](https://react-leaflet.js.org)

## 🚀 Getting Started

### Requirements

### Quick Start

```

npx create-next-app -e https://github.com/colbyfayock/next-leaflet-starter

```

### Running the Project

First, run the development server:

```bash

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.