Как создать интернет-магазин без помощи разработчиков.

Интернет-магазин – это площадка, где вы можете разместить свои товары и услуги, а покупатели отдать вам свои кровно заработанные. В сегодняшней статье мы разберем 4 способа, где можно развернуть вашу лавку с товарами, но самое главное, как это сделать. Конечно, чтобы объяснить все аспекты разработки не хватит и целой книги, но мы постараемся пройтись по самым базовым пунктам, чтобы после прочтения, читатель как минимум получил некоторый вектор, в направлении которого нужно искать информацию. Ну и конечно же в самом конце будет готовый проект с исходным кодом.

Кроме аспекта разработки мы также оценим стоимость каждого из 4-х вариантов. Какие издержки придется понести для того чтобы запустить интернет-магазин и впоследствии поддерживать его работоспособность.

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

Что еще за 4 способа ?

Спрашиваете вы наверное себя. Первый и самый трудозатратный– это разработка сайта, где будут находиться ваши карточки товара. Бесспорно - это самый гибкий вариант. На своем сайте вы сможете реализовать абсолютно любую задумку и именно этому варианту будет посвящена большая часть статьи (а также примеры кода), но он же и самый дорогой по времени. Поэтому сначала давайте попробуем создать интернет-магазин без разработки сайта с нуля. Для этого есть 3 способа:

Конструкторы (Tilda, WordPress)
Соцсети (Телеграм, ВК)
Маркеплейсы (Yandex Market, OZON,Авито)

Конструкторы (CMS)

Любой конструктор сайта представляет из себя некий базовый функционал, который встроен в сам конструктор + плагины (Модификации), созданные сторонними разработчиками для конкретной CMS. Эти плагины расширяют базовый функционал. К примеру, если мы используем WordPress, то из коробки мы не можем добавить корзину товаров и оплату картой, для этого нужно устанавливать дополнение.

На что способен CMS

Прежде чем ответить на этот вопрос, давайте вспомним из каких частей состоит сайт. Это Frontend (все что вы видите в браузере + логика которая выполняется при клике на кнопки или ссылки), Backend – это все, что касается серверного взаимодействия. Серверная логика отличается от клиентской (Frontend), тем что она происходит не локально у вас в браузере, а на удаленном сервере, а значит доступна всем пользователям данного сайта.К примеру с помощью клиентской логики вы можете показать Popup по клику на кнопку, но если вы хотите по клику на кнопку оповестить об этом всех остальных посетителей сайта, которые сейчас онлайн, то здесь нужен сервер, т.к это некое связующее звено, которое связывает всех людей, находящихся сейчас на сайте.И последнее – это База данных, куда можно сохранить данные с сайта, чтобы они в последствии были бы доступны с других устройств. База данных может быть полезна например при авторизации пользователя, чтобы сохранить его логин и пароль, а в дальнейшем проверять его (хотя сейчас в основном для этих целей используют токены авторизации).

Так вот, CMS упрощает разработку только того, что касается Frontend. При этом надо сказать довольно хорошо. В целом, если вы хорошо умеете пользоваться конструктором сайтов, то сможете реализовать любой дизайн интернет-магазина и добавить любую клиентскую логику, но есть и минусы, о них ниже.

Во-первых, если вы все-таки не можете найти какой-то готовый плагин, то нужно добавлять CSS и JS код. Конечно, конструкторы позволяют сделать это, но если вы делаете сайт на конструкторе, то скорее всего писать код вы не умеете, а даже если такие навыки у вас есть, то любые вставки JavaScript будут выглядеть следующим образом:

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

Во-вторых, все-таки сайт, написанный с нуля легче оптимизировать (в плане скорости работы, загрузки файлов и картинок)

Что-же касается CEO оптимизации. Многие ругают CMS, за то, что мол для поисковой оптимизации такие сайты совсем не предназначены, с чем я не согласен и не понимаю этой точки зрения. Обычно в защиту этой точки зрения приводят следующее – медленная скорость загрузки, невозможность сделать качественную разметку и микроразметку и т.д. И конечно частично это так, но поисковые роботы уже давно отдают больше внимания показателям посещаемости и самому контенту, который находится на сайте. А интересный контент можно добавить в любой конструктор.

Backend и База данных для CMS

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