Jump to content

Бесплатный магазин на React + NodeJs + MongoDB!


Recommended Posts

Посмотрите демку:

https://cezerin.ru — магазин.

https://cezerin.ru/admin — админка.

Как Вам такой магазин?!

Написан на javascript: и backend, и frontend, всё на javascript.

Frontend (каталог, админка) написан на React.

Backend (api) написан на NodeJs.

Для хранения данных используется MongoDB.

Админка использует React MaterialUI Framework — https://material-ui.com

Каталог использует CSS Framework Bulma — https://bulma.io

Так называемое API центричное приложение, или ещё называют микросервисное, т.е. всё крутится вокруг API.

Благодаря React весь сайт динамический и очень быстрый.

Всякие эффекты, анимации, изменения содержимого страниц — всё происходит прямо внутри страницы, без перезагрузок страницы.

Кроме того, благодаря серверной части на NodeJS — нет проблем с индексацией содержимого страниц поисковиками, в отличии от обычных ReactJs приложений.

Есть и фильтры — https://cezerin.ru/category-a

Есть и атрибуты товара — https://cezerin.ru/category-b/test-product

Есть и спецификации товара (свойства) — https://cezerin.ru/category-b/test-svoistva

Причём всё работает без всяких лишних кнопок подтверждения, без перезагрузок страниц и всего прочего, всё моментально.

Основное преимущество — это именно применяемый стэк технологий: React + NodeJs + MongoDB.

Это значит, что магазин будет с неблокирующей базой данных mongodb, асинхронными запросами, виртуальным DOM, Server Side Rendering (SSR), единый язык программирования для backend и frontend — javascript.

Но это же и основной недостаток, всё-таки это немного сложней чем php+mysql, даже просто запустить всё это хозяйство новичкам будет сложно.

Но с помощью документации и мануалов это можно будет исправить и всё рассказать и показать, как всё устанавливается и запускается.

Но для тех, что уже знаком с nodejs + react, всё будет понятно и легко.

Да, понятно, что простым пользователям это ни о чём не говорит.

Но для простых пользователей это будет означать одно — очень быстрый магазин, адаптивный, современный, с эффектами и анимациями, без перезагрузок, без лишних кликов, кнопок подтверждения и т.д.

Официальный сайт проекта: https://cezerin.org

Официальный github проекта: https://github.com/cezerin2

Читать заметку полностью

Link to post
Share on other sites
×
×
  • Create New...