Skip to content

Offline page

The page shown by an installable web app when the connection is lost, with practical tips.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Meant to be cached by a service worker and served without network: it uses no external resource. Tips are an ordered list, from simplest to most advanced.

Code

Loading the code…

Archive contents

erreur-hors-ligne-html-tailwind.zip3 files · 3 Ko

  • index.html2 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 13, 2026.

In the same spirit

  • A page for a product no longer sold, with an explanation and three similar products.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A page shown during maintenance, with the expected return time and ways to stay informed.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A server error page that reassures, offers to try again and provides a reference to give support.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A clean not-found page with a large error code, a search field and links to the main sections.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
Offline page | Forge