Простий офлайн сайт

15

Від автора: не так давно Nicolas Bevacqua написав чудову статтю про створення простого офлайн сайту, що працює на ServiceWorker. Суть була така. Nicolas зробив всю роботу, але ідея зробити сайт автономним була моєю (і я розробив маленький простенький сайт). Я не хотів, щоб сайт був таким же складним, як великі веб-додатки з купою ресурсів і API, але він і не повинен був бути простий HTML-сторінкою.

Стаття повністю актуальна і вона підходить для вивчення офлайн можливостей сайту. Пара зауважень:

Я оновив репозиторій, щоб перевірити, що все працює коректно. Приклад не зовсім порожній, але в той же час простий. На сайті є невеликий білд-скрипт, який можна назвати прикладом сучасної веб-розробки: Sass, конкатенація файлів, минификация, sourcemaps, система SVG-іконок і… все перемішати, щоб випустити офлайн продакшн версію.

Я перемістив демо на CodePen Project. Тут легше дивитися код і сам сайт одночасно, легше вносити правки і експериментувати.

Також я закинув на сайт simpleoffline.на сайті, який використовує можливість CodePen Projects по використанню кастомних доменів.

Простий офлайн сайт