Створюємо платформу для хостингу односторінкових сайтів із Nuxt & AWS S3

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт!

Існує така платформа, як tiny.host, яка дозволяє хостити односторінкові сайти. Мені спало на думку створити прототип подібного додатка. Я вирішив використати AWS S3-бакет, оскільки він ідеально підходить для виконання такої задачі завдяки своїй простоті та гнучкості.

Щодо технологічного стеку, я вирішив не розділяти фронтенд і бекенд логіку окремо, а використати Nuxt.js, оскільки він чудово покриває всі мої потреби.

Флов процесінгу максимально простий:

1. Користувач завантажує HTML файл через інтерфейс.
2. UI (Backend + Frontend), побудований на Nuxt.js, обробляє файл та відправляє його на AWS S3.
3. Файл зберігається в Amazon S3.
4. Сторінка стає доступною для перегляду, хоститься через S3, і користувач може відкривати її через браузер за отриманим посиланням.

Трохи погрався з юайкою, додав трохи анімації.. крч вийшло не зле:

Якщо цікаво послухати як все робилось то ось коротеньке відео -

Repo — github.com/...​dster/nuxt-aws-web-hoster