Crownpeak PWA Template

The Crownpeak PWA Template is an example project and can be used as basis for developing your own PWA in the context of the FirstSpirit headless approach.

1. Disclaimer

2. Table of Contents

3. Legal Notices

Disclaimer

This document is provided for information purposes only. Crownpeak Technology may change the contents hereof without notice. This document is not warranted to be error-free, nor subject to any other warranties or conditions, whether expressed orally or implied in law, including implied warranties and conditions of merchantability or fitness for a particular purpose. Crownpeak Technology specifically disclaims any liability with respect to this document and no contractual obligations are formed either directly or indirectly by this document. The technologies, functionality, services, and processes described herein are subject to change without notice.

Table of Contents

1. Introduction

   1. General

   2. Projects used

   3. Architecture

   4. Deployment

2. Getting Started

   1. My First Template

   2. Adding CSS

   3. Changing the App Layout

   4. Using an Existing Project With the Crownpeak PWA Template

3. Configuration

   1. .env file

   2. app.config.ts file

4. Composables

   1. Locale

   2. Navigation Data

   3. Content

   4. Project Properties

5. DevMode

   1. Introduction

   2. Missing components

   3. Info Box

   4. Data and Payload

   5. Meta

   6. Errors

6. Routing

   1. FirstSpirit Navigation Service

   2. Internal Linking

   3. Trigger route changes programatically

   4. Middleware

7. Working with Richtext

8. ProjectProperties

9. Working with Images

   1. Introduction

   2. Working with CaaS

   3. Resolutions in FirstSpirit

   4. Responsiveness

   5. Lazy Loading

10. Working with TPP_SNAP

11. Creating a Sitemap

12. Hosting with Netlify

    1. Mapping FirstSpirit Project Stages to Netlify Sites

    2. Testing netlify deployments locally

13. Meta Tags

Legal Notices

Crownpeak PWA Template is a product of Crownpeak Technology GmbH, Dortmund, Germany. The Crownpeak PWA Template is subject to the Apache-2.0 license.