https://github.com/benelan/arcgis-esm-samples

Samples that integrate the @arcgis/core build of the ArcGIS Maps SDK for JavaScript with various Server Side Rendering frameworks.
https://github.com/benelan/arcgis-esm-samples

arcgis esm esmodules esri gis mapping nextjs nuxtjs server-side-rendering ssr svelte sveltekit

Last synced: 2 days ago
JSON representation

Samples that integrate the @arcgis/core build of the ArcGIS Maps SDK for JavaScript with various Server Side Rendering frameworks.

• Host: GitHub
• URL: https://github.com/benelan/arcgis-esm-samples
• Owner: benelan
• License: other
• Created: 2021-01-09T02:56:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-03T22:33:03.000Z (almost 2 years ago)
• Last Synced: 2024-04-19T06:45:27.726Z (6 months ago)
• Topics: arcgis, esm, esmodules, esri, gis, mapping, nextjs, nuxtjs, server-side-rendering, ssr, svelte, sveltekit
• Language: JavaScript
• Homepage: https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/ssr-esm/
• Size: 1.86 MB
• Stars: 22
• Watchers: 4
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.MD
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# @arcgis/core with Sever Side Rendering Frameworks

The samples in this repo were created for a [blog post](https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/ssr-esm/), and extend those [provided by Esri](https://github.com/Esri/jsapi-resources/tree/master/esm-samples). The samples integrate the [@arcgis/core](https://www.npmjs.com/package/@arcgis/core) build of the ArcGIS Maps SDK for JavaScript with Server Side Rendering frameworks (plus Svelte, because Svelte is great).

## Get started

Install the modules into your project:

```sh

npm install @arcgis/core

```

Then use `import` statements to load individual modules.

```js

import EsriMap from '@arcgis/core/Map';

import MapView from '@arcgis/core/views/MapView';

const map = new EsriMap({

  basemap: 'topo-vector'

});

const view = new MapView({

  container: 'viewDiv',

  map: map

});

```

The samples have their own READMEs for framework specific steps.

## Configure CSS

The final step is to set up the CSS:

```css

@import 'https://js.arcgis.com/4.25/@arcgis/core/assets/esri/themes/light/main.css';

```