https://github.com/watergis/sveltekit-maplibre-boilerplate

This is a template to develop maplibre application by sveltekit
https://github.com/watergis/sveltekit-maplibre-boilerplate

boilerplace gh-pages maplibre sveltekit

Last synced: 2 months ago
JSON representation

This is a template to develop maplibre application by sveltekit

• Host: GitHub
• URL: https://github.com/watergis/sveltekit-maplibre-boilerplate
• Owner: watergis
• License: mit
• Created: 2022-04-17T08:54:06.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-30T04:01:12.000Z (3 months ago)
• Last Synced: 2024-10-30T05:43:06.970Z (3 months ago)
• Topics: boilerplace, gh-pages, maplibre, sveltekit
• Language: TypeScript
• Homepage: https://sveltekit-maplibre-boilerplace.netlify.app/
• Size: 1020 KB
• Stars: 31
• Watchers: 1
• Forks: 3
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-maplibre - sveltekit-maplibre-boilerplate - A preconfigured template repository develop a MapLibre application in svelte/sveltekit. (Bindings / JavaScript)

README

        
# svelte-maplibre-boilerplate

![license](https://img.shields.io/github/license/watergis/sveltekit-maplibre-boilerplate)

[![Netlify Status](https://api.netlify.com/api/v1/badges/be68de24-2ebe-48ef-bc7a-a5f27544f551/deploy-status)](https://app.netlify.com/sites/sveltekit-maplibre-boilerplace/deploys)

[![CI](https://github.com/watergis/sveltekit-maplibre-boilerplate/actions/workflows/ci.yml/badge.svg)](https://github.com/watergis/sveltekit-maplibre-boilerplate/actions/workflows/ci.yml)

This is a simple and smart boilerplate to integrate maplibre project by using sveltekit.

## Usage

### Environmental variables

```bash

cp .env.example

vi .env

```

Add your own API key `PUBLIC_MAPTILER_KEY` for maptiler. The key can be created at maptiler website [here](https://cloud.maptiler.com/account/keys/). You probably need to sign up first.

### Installation

```bash

npm i -g pnpm

pnpm i

```

### Developing

Once you've created a project and installed dependencies with `pnpm install`, start a development server:

```bash

pnpm dev

# or start the server and open the app in a new browser tab

npm run dev -- --open

```

### Building

To create a production version of your app:

```bash

pnpm build

```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

In this repository, it uses Netlify to build and deploy demo website.

## License

[MIT License](./LICENSE)