Кілька днів тому я отримав повідомлення від хостинг-провайдера про закінчення терміну реєстрації доменного імені linkly.com.ua. Колись давно я розповідав, що підтримую роботу сайту, суть якого в збереженні та організації особистих веб-посилань. Це щось на кшталт закладок, які можна зберігати в браузері, тільки зберігання відбувається на сервері, а відображаються вони через веб-інтерфейс. Причому до збережених посилань за бажанням можна додати зображення, і виходить щось як візуальний органайзер. Сайт створювався для мого особистого використання, але з часом я додав реєстрацію, щоб зареєструватися міг будь-хто. ![](https://cdn.steemitimages.com/DQmUYSNPayMX3nYUbLMAQDUNipi17hT5gF5WcdEVXjtqyoT/2025-07-12_210231.png) З одного боку, це не комерційний проєкт, попри те що доступ і реєстрація відкриті для всіх. З іншого боку, якась внутрішня частина мене очікує активності на сайті, але за весь час зареєструвалися лише два користувачі, та після підтвердження електронної пошти вони не проявляли жодної активності. От я й стою перед дилемою — продовжувати реєстрацію доменного імені чи ні. І справа не в грошах. Реєстрація мені обійдеться на рік, умовно кажучи для порівняння, як пачка сигарет. Мій внутрішній демон каже: ти старався, вкладав душу в код, «вилизував» візуальний дизайн. А мій внутрішній прагматик заявляє: «навіщо це взагалі потрібно, це все іграшки і немає в цьому ніякого сенсу». На тлі внутрішніх суперечностей я почав замислюватися над альтернативою, яка справді буде слугувати лише мені й не вимагатиме ресурсів. Мою увагу привернули два способи зберігання даних, за яких база даних зберігається в самому браузері. Йдеться про взаємодію з базами даних localStorage та IndexedDB, тобто на вибір. Якщо розглядати localStorage — це більш простий спосіб зберігання даних у вигляді рядкових пар "ключ-значення". Як зазначено в описі цього типу сховищ даних, це більш простий спосіб зберігання інформації, і загальний обсяг бази не зможе перевищувати понад 5 МБ, також там є деякі обмеження. База даних IndexedDB використовує структуровані дані, тобто об’єкти та масиви. Можливий асинхронний доступ до бази (можливість працювати далі після команди й не дочікуватися відповіді), можна працювати з великими обсягами інформації, а також здійснювати пошук за даними. Можливе створення резервної копії та експорт даних в окремий файл із розширенням ```.JSON```. Якщо чесно, мене зацікавила саме IndexedDB. ![](https://cdn.steemitimages.com/DQmWonRUfAGjiqLsAv9M22Xaa6XWskpDhHN7BBNjh58JNkE/2025-07-12_210548.png) З базою даних взаємодіє звичайна веб-сторінка, побудована в розмітці HTML, а операції виконуються за допомогою JavaScript. Причому цей файл ```.html``` можна розмістити на будь-якому хостингу, який підтримує JavaScript, і він буде працювати. Його можна відкрити також просто з комп’ютера без завантаження на сервер, і він також буде працювати. Найголовніше — робити резервну копію БД перед тим, як відкрити цю сторінку на іншому комп’ютері, а потім імпортувати її, тому що база даних зберігається в браузері (я повторюю, щоб нагадати). ![](https://cdn.steemitimages.com/DQmcQgMEKgSHnXp8jdsoHgk5vTPaNNbLdkD7c7FS2vQb2a7/2025-07-12_210107.png) Я не хочу розписувати, як працюють окремі частини коду JavaScript, мені простіше зробити примітки безпосередньо в коді. Я також не "вкладав душу" у візуальне оформлення, а зробив лише базовий акуратний дизайн. Якщо комусь ця тема буде цікава і хтось захоче удосконалити — будь ласка, код нижче: ``` Нотатки в IndexedDB

Нотатки в IndexedDB

📥 Імпортувати нотатки

``` Сподіваюся, комусь знадобиться :)

Нотатки в IndexedDB

Редагувати нотатку