Publishing Geospatial Data To The Serverless Web With GatsbyJS

Transcript

1. Publishing Geospatial Data to the Serverless Web With GatsbyJS #geomob - January 2019, London
2. Current Practice
3. Publishing Geospatial Data Very broadly: • Expose some bit of your SDI onto the internet (ArcGIS, GeoServer, ancillary supporting services) • Export/Import/Link into a CMS • Publish some sort of GeoJSON/TopoJSON at a URL
4. Publishing Geospatial Data to the Serverless Web with GatsbyJS
5. This slide intentionally left blank
6. Publishing Geospatial Data to the Serverless Web with GatsbyJS
7. The Serverless Web? Serverless Web?
8. The Serverless Web? Serverless Web There are servers...somewhere…...probably.... An architectural pattern that provides the functionality of a website, but abstracts away the detail of the servers DNS CDN Reverse Proxy Cache Load Balancer Webserver (Apache) Webserver (Apache) Filesystem Operating System AWS Route 53 AWS Cloudfront AWS S3 Cloudflare Azure Storage Github Pages
9. The Serverless Web? Why? Reduced complexity: easier to configure, maintain, monitor, more secure. Infinitely* scalable: scales with your provider’s platform (AWS, Azure, Github etc) Predictable costs: typically much cheaper (effectively per usage costs) Why not? Increased chance of vendor lock in (though this is reducing) Best-practice patterns and supporting tools still emerging (*not actually infinite, probably)
10. Publishing Geospatial Data to the Serverless Web with GatsbyJS
11. GatsbyJS
12. GatsbyJS Wordpress Drupal Contentful Instagram Wordpress Plugin Drupal Plugin Contentful Plugin Instagram Plugin GraphQL Templates HTML/JS/CSS Files React Components Serverless File Storage
13. GatsbyJS GraphQL Templates React Components “A query language for your API” Written in Javascript Encapsulated, reuseable components
14. GatsbyJS Wordpress Drupal Contentful Instagram Wordpress Plugin Drupal Plugin Contentful Plugin Instagram Plugin GraphQL Templates HTML/JS/CSS Files React Components Geospatial Data Geo Plugin Serverless File Storage
15. GatsbyJS Geo Source Plugin Geospatial Data Geo Plugin Utilises OGR simple feature library Translates Geospatial features into items that can be queried with GraphQL Almost every format under the sun, Shapefiles, GeoJSON, CSV, KML, DB connections, whatever you use
16. Demo
17. Demo UK Government’s Food Standard Agency publishes, monthly, a list of ‘regulated food establishments’
18. GatsbyJS GraphQL Templates HTML/JS/CSS Files React Components Shapefile Geo Plugin Github Pages
19. Demo Published Shapefile to a static site, hosted on github pages https://andrewl.github.io/gatsby-source-geo-demo
20. Demo Published Shapefile to a static site, hosted on github pages https://andrewl.github.io/gatsby-source-geo-demo
21. Thank You Twitter: @andrewl Email: andrew@andrewl.net gatsby-source-geo: https://www.npmjs.com/package/gatsby-source-geo https://github.com/andrewl/gatsby-source-geo demo: https://andrewl.github.io/gatsby-source-geo-demo/