moek
167 subscribers
150 photos
11 videos
2 files
194 links
Пишу про веб-разработку, Shopify, YouTube, и мою жизнь.

Instagram: @devmoek

Канал про Shopify - @usessnt

По вопросам и предложениям @themoek
Download Telegram
ComeUp — Новый Убийца Fiverr и Upwork?

Если вы работаете на фрилансе как программист, дизайнер, монтажёр, и тд. и ищете новые платформы для поиска клиентов, то ComeUp может быть интересной альтернативой привычным Upwork, Fiverr, Toptal, Freelancehunt, и ещё миллион разных площадок. Про разные сайты для фриланса писал тут.

Что за платформа?
ComeUp — это маркетплейс услуг, где вы можете продавать фиксированные сервисы, как на Fiverr. Например, если вы разрабатываете Shopify-темы или кастомизируете Liquid-код, можно создать несколько предложений: «Настрою кастомный Shopify-фильтр» или «Добавлю кастомные метаполя в ваш Shopify-магазин». Услуги зависят от вашего опыта и желания разбираться с магазином клиента. В бесплатном тарифе можно добавить до 6 услуг (гиги если на-файверском). Подробнее про тарифы тут.

❗️В октябре 2022 года 5euros стала ComeUp.

👨‍💻Как устроена работа?
Для тех кто не знаком с Fiverr опишу этапы:
1. Создаёте предложение — фиксируете цену, сроки и чётко описываете, что входит в услугу.

2. Получаете заказы — заказчик оплачивает заказ заранее, и платформа удерживает деньги до завершения работы.

3. Выполняете и получаете оплату — деньги высвобождаются только после подтверждения заказчика.

🆚 В чём отличие от других платформ?
Тут тоже очень сильно похоже на Fiverr. Но есть нюансы, о них расскажу, возможно, позже.

▫️Проще, чем Upwork — не нужно писать кастомные отклики на каждый проект, достаточно грамотно оформить своё предложение.

▫️Жёсткие рамки — здесь нет сложных кастомных проектов, только чётко описанные услуги с фиксированной ценой.

▫️Защита исполнителей — клиенты оплачивают заказ сразу, и платформа удерживает средства до завершения работы.

🤔 Стоит ли пробовать?
Если вы уже имеете стабильный поток клиентов, то ComeUp вряд ли заменит Upwork или личные заказы через соц. сети / личный сайт. Но если вы хотите протестировать новый канал привлечения клиентов и не против работать с небольшими заказами, то почему бы и нет?

🔗 Ссылка на Comeup

В тексте могут присутствовать реферальные ссылки, которые помогают поддерживать работу автора. Если вы совершите покупку или регистрируетесь по таким ссылкам, я могу получить небольшую комиссию без дополнительной стоимости для вас. Спасибо за поддержку!
🔥8
Выпал снег, мы решили, что надо ехать на велосипедах.

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

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

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

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

Пока ехали бешеный БМВ-шник сигналил, подрезал и материл участников заезда. Доехав до кафе и не успев купить еду неподалёку загорелась грузовая машина. Вызвали пожарных.

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

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

Счастливые и уже на чистых велосипедах вернулись домой!

Снега теперь не выпадет, весна всё-таки, теплеет. Именно поэтому мы так торопились покататься по снегу :)
🔥5
🇺🇸🇨🇦🇨🇳 Как политика отразится на вашем Shopify бизнесе?

Тарифы снова на слуху, и если вы продаёте на Shopify, они могут сильно повлиять на ваш бизнес. Независимо от того, где вы находитесь - в США, Канаде или другой стране, — понимание того, как работают тарифы и что они означают для вашего магазина, имеет решающее значение. Давайте разберемся в этом и рассмотрим полезные советы, которые помогут вам сориентироваться в этих изменениях.

🔗 Читать далее
👍2🔥2
История о том, как разрабатывалось два приложения-расширения для страницы Checkout в Shopify

Shopify Plus открывает мир возможностей с помощью функции расширения чекаута. В этом посте я расскажу о своём опыте создание двух приложений-расширений для страницы оформления заказа: баннер обратного отсчета и калькулятор записей. А также о том, как именно они улучшили страницу Checkout в Shopify магазине.

🔗 Читать далее
🔥4
Отображение метаполя заказа на странице информации о заказе в Shopify

Недавно я обратился в Shopify поддержку по поводу добавления метаполя к заказу. Идея заключалась в том, чтобы отображать дату предварительного заказа товара на странице информации заказа.

В службе поддержки Shopify сказали: "Мы не знаем, сработает это или нет; это необходимо протестировать". Мне понравился ответ, я пошёл и начал тестировать.

И сработало — по крайней мере, для аккаунтов "старого типа", когда пользователям необходимо войти на сайт через форму.

Если вам нужно обновить кастомные данные о вашем заказе даже после того, как он был создан и выполнен — вы можете это сделать. По крайне мере обновлять метаполе можно, а ID заказа, стоимость уже не получится поменять
🔥5
Тут в SS&T интересная тема, можно обсудить
Что такое Headless в Shopify и зачем он нужен?

Всё больше eCommerce-проектов переходят на Headless архитектуру, и Shopify не исключение.

Что такое Headless в Shopify?
Headless означает, что «голова» (frontend) отделена от «тела» (backend). В случае с Shopify это значит, что вы используете Shopify только как CMS и backend для продуктов, заказов, коллекций и так далее, а внешний вид сайта создаёте самостоятельно — например, на Next.js, Nuxt, Astro или даже React Native для мобильных приложений.

Зачем использовать Headless в Shopify
▫️Максимальная гибкость дизайна;
▫️ Молниеносная скорость загрузки;
▫️Бесшовная интеграция с внешними API;
▫️ Управление контентом через CMS (например, Sanity, Contentful);
▫️Оптимизация UX под любые устройства.

🛠 Что используется
1. Shopify Storefront API / GraphQL;
2. Клиентская сборка на React, Vue, Svelte и др.;
3. Vercel / Netlify / Cloudflare Pages для деплоя;
4. Доп. инструменты: Algolia, Stripe, Tailwind и т.д.

👨‍💻Когда можно подумать о Headless разработке?
Во-первых, если у вас нестандартный дизайн, который будет тяжело или невозможно реализовать через Liquid. Во-вторых, если нужна гибкая архитектура для дальнейшего масштабирования. В-третьих, нужна интеграция с внешними сервисами, а встроенной интеграции у сервисов нет.

Если какой-то один или все пункты совпали с вашим случаям — вам нужна Headless разработка.

За оценкой разработки Headless приложения вы можете написать в ЛС или оставить комментарий под этим постом.

@usessnt | Наш сайт
🔥3
GSAP стала бесплатной, но есть нюансы

GSAP это мощная JavaScript-библиотека для создания плавных и производительных анимаций на веб-страницах. С её помощью можно анимировать CSS-свойства, SVG, канвас, скролл, и другие элементы. Она поддерживает таймлайны, кривые Безье, паузы, обратные воспроизведения и многое другое.

🚀 Пока везде распространяют новость о том, что GSAP стала абсолютно бесплатной. В Threads я прочитал, что использовать библиотеку можно только в Webflow и WordPress — тут я напрягся и решил изучить вопрос.

🤓 Небольшая предыстория. GSAP я использую достаточно давно и мне нравится ей пользоваться, хоть я и нашёл альтернативы, о которых расскажу ниже. Поэтому услышав о невозможности использования библиотеки мне стало крайне интересно.

Оказалось всё не так страшно, как я думал. Вот что я сделал чтобы проверить использование библиотеки:

1️⃣ Запустил пустой проект на Реакте;

2️⃣ Установил библиотеку написав две команды в консоль
npm install gsap и npm install @gsap/react;

3️⃣ Использовал стандартный вызов библиотеки

import { useRef } from 'react';

import gsap from 'gsap'; // <-- import GSAP
import { useGSAP } from '@gsap/react'; // <-- import the hook from our React package

gsap.registerPlugin(useGSAP);

export default function App() {
const container = useRef();

useGSAP(() => {
// gsap code here...
gsap.to('.box', { rotation: 180 }); // <-- automatically reverted
},{ scope: container }); // <-- scope for selector text (optional)

return (
<div ref={container} className="app">
<div className="box">Hello</div>
</div>
);
}


🎉 Всё работает как раньше.

❗️Позже я выяснил, что GSAP теперь нельзя использовать другим конструкторам сайтов. Код библиотеки можно использовать, как мы выяснили выше. Но встраивать его через визуальный редактор, чтобы пользователь мог визуально делать анимацию — нельзя, так может делать теперь только Webflow.

Альтернативы GSAP
◾️Animejs
◾️Motion
🔥4
На канале уже более шести месяцев не выходило полноформатных видео.

Я рад сообщить о возвращении с новым и, как мне кажется, весьма интересным проектом — скриншот прилагается.

Это Shopify-приложение, точнее — расширение страницы оформления заказа (Checkout Extension).

Это будет первое видео на моём канале, посвящённое разработке Shopify-приложений. В нём я покажу, как создать такое расширение с нуля, разберу код и объясню, в каких случаях и зачем стоит использовать Checkout Extensions.

Было бы интересно посмотреть такой ролик?
🔥9
Пока готовится видео о Shopify приложение, у меня для вас есть интересная новость

Так получилось, что в детстве я увлёкся велосипедом и это увлечение не прекращается, а наоборот усиливается. Кто подписан на меня в соц. сетях уже это заметил. Я решил запечатлеть это и создал новый канал, где выходят видео с велосипедных поездок. В дальнейшем ещё планируется снимать пешие прогулки (хайкинг), но пока что там только велосипед :)

Возможно, вам будет интересен такой формат. Я буду рад, если видео вам понравятся или вы найдёте в них что-то для себя, например, новый маршрут для поездки.

Ссылка на канал
🔥5
Вы не поверите, но это произошло

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

https://youtu.be/fpRtIr98GD4
🔥4
Выходные. Я как обычно в горах на велосипеде
🔥11
Vibe Coding — Убийца разработчиков или какая-то ерунда?

Дисклеймер. Данный пост не призывает вас использовать / не использовать ИИ в программировании.

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

Я люблю изучать и пробовать новые технологии. Мне стало интересно попробовать Vibe Coding. Почему люди выбирают его? Что происходит с разработчиками? И как теперь строится работа в программирование?

Тут могла быть ваша реклама.

Люди выбирают Vibe Coding из-за внешней простоты, дешевизны, и, возможно, популярности. Стать вайб-кодером достаточно просто. Не нужно проходить обучение несколько месяцев или даже лет, не нужно платить миллион денег, достаточно подписки за 30 баксов в месяц и можно работать. Но так ли это?

Мне сложно судить. Я несколько лет учился на программиста, потом работал в компании, набивал шишки, и уже потом начал использовать ИИ. Я бы сказал, что конечно, это не так. Обладать базовой информацией о том, что вы делаете необходимо. Тем более, если вы это делаете коммерчески (зарабатываете на этом деньги). Прошло не так много времени с появления ИИ, но уже очень много проектов, которые нужно исправлять после ИИ. Обычно это мелкие исправления, но бывают грубые нарушения в коде, которые нельзя оставлять в исходном виде.

Vibe Coding штука интересная. С одной стороны задачи решаются быстрее, а с другой стороны время на обучение программиста меньше. Помните раньше советовали читать книги программистам чтобы изучить новый паттерн? Я вот застал этот момент, хоть и в сфере всего 5 лет. Сейчас всё больше программистов получают новую информацию из ИИ, но не всегда она достоверная. Информация быстро меняется, книги устаревают, также как и база ИИ обновляется не так часто как фреймворки во фронтенде.

Как было раньше: есть какая-то задача, которую нужно решить. Программист шёл на форум, потом в документацию, читал статьи и потихоньку решал задачу.
Как сейчас: есть какая-то задача, которую нужно решить. Программист мучает до посинения ИИ и быстро решает задачу. Конечно бывает такое, что задача решается не быстро. Но если сравнивать со старым способом решения задачи, то всё равно гораздо быстрее.

Лично я не перестал использовать форумы, статьи, и документацию. Я просто добавил к обычному поиску информации ИИ. Пока что такая связка мне нравится.

Большая часть программистов не признаёт ИИ, обычно это "старечки" в программирование, с опытом 15+ лет. Их можно понять, они писали код ещё задолго до "сахара".

Новое программирование это про менеджмент. Нужно управлять ИИ чтобы получился хороший результат. Если есть опыт в кодинге, то будет быстрее, возможно, качественнее. Но это всё не важно, важно получать удовольствие от того, что вы делаете. Если вам нравится вайб-кодить — прекрасно, если вам нравится писать код в блокноте — отлично. Кайфуйте, и всё будет хорошо.
👨‍💻5
Пробежал трейл после трёх лет отсутствия тренировок.

Это считается самый сложный трейл в Грузии, поэтому я не стал выбирать большую дистанцию. Четырёх километров мне хватило чтобы получить удовольствие и поддержать других бегунов.

Не могу сказать, что это было «с дивана». Я периодически катаюсь на горном велосипеде. Но именно беговых тренировок у меня не было. Их не было не потому-что я упрямый и бегаю соревнования исключительно без тренировок, нет. Не мог тренироваться из-за восстановления после операции. До операции бегал и был в своей лучшей форме.
🔥9
Работать надо так, чтобы вот так
🔥12
В Shopify грядёт что-то интересное
Shopify x OpenAI

Shopify заключила партнерское соглашение с OpenAI, которое позволит продавцам продавать товары напрямую через ChatGPT.

Сделка означает, что сотни миллионов товаров Shopify будут мгновенно доступны в чат-ботах. Вместо получения ссылок или перенаправления клиенты смогут легко просматривать и совершать покупки в ChatGPT.

Заказы будут поступать непосредственно в систему Shopify, предоставляя продавцам новый канал продаж, а потребителям - более удобный опыт совершения покупок на основе искусственного интеллекта.

@usessnt | Наш сайт
🔥7
Забросил основной канал и ушёл в лес (шучу). Канал не забросил

Пока на канале moek не выходят новые видео вы можете посмотреть новое видео на моём другом канале, посвящённому катанию на велосипеде. Вас там ждут смешные разговоры, красивые виды, и местами спокойная атмосфера. Местами атмосфера неспокойная, особенно когда я съезжаю с почти вертикальной горы, разгоняюсь 50 км/ч в лесу и тд. Благо, камера не передаёт реальной картинки, поэтому моя мама меньше переживает.

Ссылка на новое видео
👍3🔥2