Jump to content

Cezerin - Бесплатный интернет магазин на NodeJS + React + MongoDB?!


support

Recommended Posts

Добавлен новый модуль - Импорт товаров в cezerin из Google Sheets.

т.е. можно массово загружать товары в магазин из таблиц google, excel и т.д.

Screenshot from 2019-11-14 00-34-12.png

Screenshot from 2019-11-14 00-34-15.png

Screenshot from 2019-11-14 00-34-40.png

Screenshot from 2019-11-14 00-34-45.png

 

Screenshot from 2019-11-13 21-30-20.png

 

Screenshot from 2019-11-13 21-33-45.png

Screenshot from 2019-11-13 21-29-12.png

 

 

Link to post
Share on other sites
  • 2 months later...
  • support changed the title to Cezerin - Бесплатный интернет магазин на NodeJS + React + MongoDB?!
  • Replies 69
  • Created
  • Last Reply

Top Posters In This Topic

  • support

    41

  • DmitriiK

    9

  • albik1980

    4

  • IVAN.Z

    3

Top Posters In This Topic

Popular Posts

Спасибо, обязателньо попробую, я тоже искал движка для онлайн-магазина, на современных рельсах, а не монолитные типа как vamshop, opencart, wordpress. И ничего не нашёл, либо очень сложно всё, ли

Posted Images

Про простое, быстрое и удобное оформление заказа в онлайн магазине.

В интернет магазине cezerin сделано максимально простое и удобное оформление заказа, управляемое из админки.

Какие задачи были решены:

1. Максимально не напрягать посетителя при оформлении заказа.

2. Привязать поля с данными о доставке не к общей форме, а к модулям доставки.

3. Всё работает на react + api, без перезагрузок страницы в браузере.

Например, я доставляю только по городу.

Зачем мне заставлять покупателя указывать почтовый индекс, страну, регион.

Я просто в форме оформления заказа отключаю все поля (через Админку -  Настройки - Оформление заказа), оставляю только 2 поля - Имя и Телефон.

Всё.

screencapture-vamhost-ru-checkout-2020-01-26-19_12_34.png

Дальше уже на выбор покупателя.

Если выбирает доставку по городу, то при выборе доставки появляются поле Адрес, Метро и т.д.

Вот выбрал доставку курьером, появилось поле Адрес

screencapture-vamhost-ru-checkout-2020-01-26-19_12_52.png

При выборе доставки почтой - появляются поля Адрес,Индекс.

screencapture-vamhost-ru-checkout-2020-01-26-19_13_03.png

 

У Вас есть возможность быстро и удобно выводить поля формы в зависимости от выбранной доставки.

Всё это настраивается в Админке - Настройки - Доставка.

screencapture-admin-vamhost-ru-settings-shipping-2020-01-26-19_14_43.png

В разделе Поля оформления заказа.

Вот пример для модуля курьерская доставка:

screencapture-admin-vamhost-ru-settings-shipping-5dadd22796976428b7903944-2020-01-26-19_14_52.png

Вот пример для модуля доставки почтой:

screencapture-admin-vamhost-ru-settings-shipping-5de1a7ae2ca88f41d10024ee-2020-01-26-19_15_02.png

 

Кроме того, Вы можете ограничивать модули доставки в зависимости от указанной страны, города, региона.

В зависимости от суммы заказа, либо от веса заказа.

 

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

А не так как обычно, что нужно заполнить кучу форм с десятками полей, условий.

 

Всё быстро, просто и удобно.

 

Онлайн-демка доступна по адресу:

https://vamhost.ru

https://admin.vamhost.ru

Link to post
Share on other sites
  • 3 weeks later...

Небольшая демонстрация реально работающего магазина на базе VamShop PWA.

https://plasha.ru

PWA онлайн магазин, никакого PHP, MySQL, никаких монолитов.

Полное разделение frontend и backend.

100% на JavaScript: и Frontend (React + API), и Backend (NodeJS).

API-центричное веб-приложение на микросервисах.

Современный дизайн на базе Figma.

Обратите внимание, как быстро работает сайт.

Например попробуйте фильтр по цене на странице - https://plasha.ru/kategoriya-3

Попробуйте подгрузить больше товаров кнопкой Показать ещё на странице.

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

В отличии от монолитов типа WordPress, OpenCart, нет лишних запросов и прорисовок.

Через API получаем "сырые" данные в JSON формате и отрисовываем их в React.

Попробуйте поиск товара.

screencapture-plasha-ru-2020-02-13-19_29_41.png screencapture-plasha-ru-kategoriya-3-art-1010-povyazka-dlya-devochek-kaktusy-2020-02-13-19_37_56.png

Link to post
Share on other sites
  • 2 months later...
support
1 час назад, Clarkufa сказал:

А как дела с платежными системами?

И службами доставки?

Плохо.

Службы доставки только плоские, без внешних API.

Оплата - тоже плоская настраивается в админке, типа оплата курьеру.

Либо PayPal или Stripe.

Link to post
Share on other sites

в принципе, наверное, можно было бы пока даже как витрину использовать. и вникать в новые технологии :10_wink:

Link to post
Share on other sites
support
24 минуты назад, YuraS сказал:

в принципе, наверное, можно было бы пока даже как витрину использовать. и вникать в новые технологии :10_wink:

Ну в сравнении с php+mysql там всё намного сложнее.

Но интереснее.

Link to post
Share on other sites
  • 1 month later...
support
7 минут назад, albik1980 сказал:

а клиентскую часть можно на angular как-то переделать?

Конечо.

Backend и Frontend полснотью разделены.

Frontend можно быть на чём угодно, хоть на js, хоть на php, хоть react.

Link to post
Share on other sites
support
11 минут назад, albik1980 сказал:

а на гитхабе какой репозиторий скачивать cezerin2 и все?

Вот здесь подробно всё - https://cezerin.org/docs

Using Source Code.

cezerin2 - это только backend, api.

cezerin2-store - это frontend

cezerin2-admin - это dashboard

Надо ставить всё.

Будет как https://vamhost.ru и https://admin.vamhost.ru

 

Ну и группа cezerin в телеграм.

Link to post
Share on other sites
support
18 минут назад, albik1980 сказал:

А с Node.js v12.x пойдет?Конфликта в зависимостях не будет?

vamhost.ru как раз на NodeJS 12 работает.

Там правда версия полугодовой давности.

Если будут ошибки, лучше скачать не текущий master code, а скачать в разделе Release выложенный архив.

А то там сейчас на TypeScript идёт переход, возможны проблемы.

Link to post
Share on other sites
  • 1 month later...
  • 3 weeks later...

Ещё один пример магазина на Cezerin

https://motocentre.com.ua

Просто походите по спискам товара, по карточкам, по фильтрам.

и сравните с обычными движками типа wordpress, opencart.

Насколько всё быстро работает API + React в сравнении с обычными монолитами типа OpenCart

Screenshot from 2020-08-14 18-55-57.png

Link to post
Share on other sites
  • 1 month later...
Николай.К

Здравствуйте!

Планируется интеграция со службами доставки? 

Например: "Нова Пошта" украинская

У нас очень развита их доставка. Для многих клиентов будет дико, если не смогут выбрать данные куда отправлять товар.

Link to post
Share on other sites
8 минут назад, Николай.К сказал:

Здравствуйте!

Планируется интеграция со службами доставки? 

Например: "Нова Пошта" украинская

У нас очень развита их доставка. Для многих клиентов будет дико, если не смогут выбрать данные куда отправлять товар.

Здравствуйте!

На данный момент можно в админке добавить новый модуль и назвать его Новая почта.

Но он не будет выводить например адреса пунктов выдачи, т.е. по умолчанию не будет запросов к API новой почты.

Link to post
Share on other sites
Николай.К
1 минуту назад, support сказал:

Здравствуйте!

На данный момент можно в админке добавить новый модуль и назвать его Новая почта.

Но он не будет выводить например адреса пунктов выдачи, т.е. по умолчанию не будет запросов к API новой почты.

У вас есть в планах добавление или это реально самому дописать (подвязать) к Новой Почте? Я ещё многое не понимаю)
Только начал JS учить, до React и ноды мне ещё 6-8 месяцев идти. 

Link to post
Share on other sites
3 минуты назад, Николай.К сказал:

У вас есть в планах добавление или это реально самому дописать (подвязать) к Новой Почте? Я ещё многое не понимаю)
Только начал JS учить, до React и ноды мне ещё 6-8 месяцев идти. 

Планы есть, но никаких конкретных сроков я обещать не могу.

Link to post
Share on other sites
22 минуты назад, Николай.К сказал:

Есть инструкция по установке?

Спасибо!

Есть.

Документация - https://cezerin.org/docs

Using Source Code. это если на локаьлнй комп хотите поставить.

Или Deploy on web - если в онлайн хотите установить, на домен.

Группа в телеграмме cezerin

Ну и рабочие примеры:

https://plusha.cezerin.net

или вот на русском (украинский тоже встроен, но вроде не до конца переведён)

https://vamhost.ru

https://cezerin.net

Link to post
Share on other sites
  • 5 weeks later...
В 09.11.2020 в 17:03, SergeyV сказал:

А как добавить своя поля в базу данных монго?

MongoDB - это schemaless база данных, нет необходимости описывать таблицы и поля, т.е. не нужно делать так называемые схемы, структуры таблиц.

Это значит, что на стороне можно ничего создавать не надо, всё делается JS кодом "на лету"

 

 

Link to post
Share on other sites
  • 3 months later...
giko13245378

По поводу оплаты не совсем понятно. Можно будет сделать самостоятельное подключение через API к примеру к Сберу? или такой возможности пока нет, просто не давно столкнулся с нодой.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...