Character cannot be developed in ease and quiet. Only through experience of trial and suffering can the soul be strengthened, ambition inspired, and success achieved... Helen Keller

Idea

A boilerplate for progresive web applications with any of the following...

Features

• Geographic information systems (i.e. ArcGIS)
• Instant search engine (CSE)
• Offline support
• OpenAPI Specification
• Self-hosted CMS

Requeriments

• Accesibility
• CI/CD
• FOSS
• i18n
• Mobile-first design

Softwares

• Degit
• Git submodules
• Hygen
• IndexedDB, GUN
• Lighthouse
• NginX
• Netlify
• Openlayers
• Rollup
• Sapper, Svelte
• Shipit
• Swagger
• Zeit

Flow

You will need docker, docker-compose, and npx.

Initialization

Start by a degit and init of sapper with rollup starter template...

npx degit fchpr/boiler app && cd app

npx hygen sapper init

View hygen actions:

npx hygen

Select individual features...

npx hygen sapper netlify

npx hygen sapper openlayers

npx hygen sapper preprocess

Automate processes with...

npx hygen eslint svelte

npx hygen sapper component

npx hygen sapper page

Development

Begin svelte frontend development with sapper:

npm run dev

In order to self-host the site ngnix will need exported files:

npm run export

Now can be run the file that will compose all needed services:

docker-compose up -d

Debug server code with ndb if needed...

npx ndb npm run dev

Production

npx hygen shipit init

Example gratia

• Extend git sub-modules with degit and hygen
• Explore webcomponents with svelte and hygen
• Integrate openlayers and svelte within sapper
• Implement an instant self-hosted custom search engine
• Self-host a content managment system
• Use automated tools like cypress, lighthouse-bot