SvelteKit PWA: Installable App with Offline Access

• sveltekit-blog-mdx

  13 260 5.5 Svelte

  SvelteKit MDX starter blog with MDsveX (Svelte in markdown)

I have just added PWA functionality to the MDsveX starter. All you need to do is customise the website configuration file with with site's name and theme colours, then run a script to generate all the different icon sizes automatically. Here is exactly what you need to do in five simple steps. If you are looking for a more general SvelteKit Tutorial or how to get started with SvelteKit I have a couple of posts you will appreciate.

• lighthouse

  152 27,846 9.6 JavaScript

  Automated auditing, performance metrics, and best practices for the web.

  

Before we get going on seeing how to build a SvelteKit PWA let's run it back a little and first look at what a PWA is. A Progressive Web App (PWA) is an app built to work with HTML, JavaScript and CSS but with the functionality of a native app. Features include responsiveness and offline availability as well as the possibility to install the app. You can test a site's PWA capability in Lighthouse.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project