Вчера обновил свой сайт на русском языке, в этот раз он уже написан на Svelte. Сейчас занимаюсь его индексацией, но покликать-полазить уже можно 🙂

Strapi Headless CMS

Когда я учил React, я написал приложение, которое позволяет писать отзывы об играх. Приложение использует React 18 и Strapi. Возможно, для вас это просто набор каких-то слов, ниже я поясню что это всё значит.

Предисловие
Проект использует Strapi CMS в качестве бэкенда, то есть вся информация в приложение хранится там, а именно:
1. Название игр;
2. Категории;
3. Рейтинг;
4. Отзыв об конкретной игре.

Когда я написал проект я не понял, как его задеплоить. Спустя время я разобрался. Оказывается, есть несколько вариантов как можно выложить в сеть Strapi приложение.

Strapi Cloud
Strapi Cloud — это платформа управляемого контента, созданная на базе Strapi, ведущей Headless CMS с открытым исходным кодом. Это полностью управляемая хостинговая платформа, которая позволяет вам развертывать приложения Strapi за считанные минуты.

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

На самом деле билд приложение занял достаточно не долго (1-2 минуты). Учитывая, что я использую обычный реакт и вебпак это достаточно неплохо. А ещё, нужно и сервер запустить. В общем отлично!

Мне вот ещё что понравилось. Я не смог запустить это приложение на локалке, писало, что у меня устаревшие версии зависимостей. Но понравилось мне не это, а то что при билде на это Страпи Облако он чинит проблемы связанные со Страпи, а у меня как раз это и было. Там что-то обновилось и мне теперь для запуск: во-первых, нужно было использовать другую версию ноды, а во-вторых, обновить необходимые зависимости.

Но есть нюанс. Облако Страпи стоит денег, конечно же. Тарифы у них не детские, начинаются от 99 долларов. И это стоимость за один проект. То есть мне, чтобы этот пет-проект, а скорее даже просто проект который я делал чтобы изучить связку React + Strapi, запустить, нужно платить 99 долларов? Сейчас я взял 14 дневную триал версию и пока что пишет, что следующий платёж 55 долларов.

Словарик
"Задеплоить" - это термин из области информационных технологий, который означает размещение программного обеспечения или приложения в рабочем окружении, чтобы оно стало доступным для использования конечным пользователям. Например, веб-сайт задеплоили на сервере, программу задеплоили на устройстве или в облаке. Это процесс публикации и запуска приложения или изменений, сделанных в нем, чтобы они стали функциональными для целевой аудитории.

"Билд" (от английского "build") в сфере разработки программного обеспечения обозначает процесс создания версии программы или приложения из исходного кода. Это может быть конечная версия продукта или промежуточная версия, готовая к тестированию или развертыванию.

"нода" в контексте JavaScript и серверных технологий, обозначает окружение, в котором выполняется JavaScript код. Node.js, например, является платформой для выполнения JavaScript-кода на сервере, позволяющей создавать веб-приложения.

Тестирую новый сетап.

UPD: Видео пока что скрыл, буду перезаливать

https://youtu.be/k3xGrayYof0

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

https://youtu.be/U5MO7-LdKdI

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

Вчера я начал работать над преобразованием своего самого первого сайта в Svelte. Я считаю, что лучшее обучение – это практика. Для меня сейчас Svelte выглядит довольно солидно, но сообщество не такое большое, как у React, что, конечно, вполне понятно.

Я по-прежнему считаю, что для новичков React может быть лучшим выбором из-за того, как реализован и структурирован путь обучения. Svelte похож на ванильный JS, хотя изучить его после JS может быть проще. Как вы знаете, у React есть свой способ делать разные вещи и переучиваться может быть сложно :)

Фриланс – это форма трудоустройства, при которой человек работает на самостоятельной основе, обычно не будучи штатным сотрудником какой-либо компании. Фрилансеры предоставляют свои услуги различным клиентам, часто работая над несколькими проектами одновременно для разных заказчиков. Они могут работать удаленно или в офисе клиента, в зависимости от требований проекта.

На каких биржах работать фрилансеру? В новом посте я рассказал о 10 биржах для фриланса. Читайте подробнее по ссылке 👇

https://www.devmoek.ru/top-10-freelance-platforms

с Новым Годом! Желаю, чтобы все проблемы остались в прошлом и чтобы Новый год принес счастье и успех во всем! Я желаю вам счастливого Нового Года!

¡feliz año nuevo! ¡Deseo que todos los problemas queden en el pasado y que el Año Nuevo traiga felicidad y éxito en todo! ¡Te deseo un feliz año nuevo!

გილოცავთ ახალ წელს! გისურვებთ, რომ ყველა პრობლემა წარსულში დარჩენილიყოს, ხოლო ახალმა წელმა მოიტანოს ბედნიერება და წარმატება ყველაფერში! ბედნიერ ახალ წელს გისურვებთ!

Новая статья

Новогодние дни начались, как обычно все мои дни, с каким-то делом в компе. На этот раз это статья.

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

P.S. В блоге есть ещё статьи, я просто забывал вам о них рассказать :)

Expensy

Создаю веб-приложение для отслеживания расходов и доходов на Nuxt.js.

Nuxt.js – это фреймворк для создания Vue.js приложений, обеспечивающий готовую архитектуру для упрощения разработки веб-приложений на Vue.js.

На данный момент сделал:
* Переключение тем (темная и светлая);
* Аутентификация с помощью GitHub;
* Поддержка двух языков (английский и испанский);
* Само отслеживание расходов и доходов с сортировкой и фильтрацией.

Скоро появятся новые функции!

НОВОЕ ВИДЕО!!!

Иногда при работе с Vue.js или Nuxt.js возникает баг. При переходе на разные страницы веб-приложения, подвал приложения "подскакивает" к шапке. Это решается довольно просто, в этом видео я показал решение этого бага и возможные причины его появления в вашем приложение.

Темы ролика
* Почему при переходе на разные страницы в Nuxt.js приложение футер скачет?
* Причины прыгающего подвала к шапке сайта при переходе на разные страницы
* Фикс прыгающего подвала в Nuxt.js

P.S. Этот баг у меня возник при работе над одним Nuxt.js приложением и я решил показать как от него избавиться.
Это первое видео в 2024 году. Желаю вам безбагованных приложений. Быстрых деплоев. Мирного неба над головой.

https://youtu.be/eVZKrE68CCE

Python программа для скачивания YouTube видео

Две недели назад я написал программу для скачивания YouTube видео на Python. Это простая программа, которая берет URL-адрес видео и локально загружает его на ваш компьютер. Я написал её по приколу пока ждал загрузку миссии в Deep Rock Galactic.

GitHub репозиторий

Покатался сегодня на скейте и… упал. Я падаю каждое катание, тут ничего нового. Но в этот раз упал посильнее, чем обычно. Теперь хожу-похрамываю 😁

Что-ж, спорт без травм не спорт, как говорится.

P.S. На фото не я, но скейт на переднем плане мой.

Вернулся в тикток

Опубликовал новое видео в тикток, а его удалили. Подал апелляцию потому-что ничего я не нарушал.

Ну ничего, бывает и такое

Сегодня мой День Рождения! Мне 23 года 🎉

Анонс Обновления: Shopify Editions Winter 2024

31 января в 11 часов утра по EST, Shopify выпустит новое обновление под названием Shopify Editions Winter 2024.

Shopify Editions представляют собой крупные полугодовые обновления, включающие в себя множество нововведений и улучшений для платформы.

На моём канале есть обзор крайнего обновления, вы можете посмотреть его по ссылке.

А вы ждёте обновление?

🎉 Релиз Обновления: Shopify Editions Winter 2024

Shopify Editions Winter 2024 включает множество инноваций и обновлений, направленных на улучшение пользовательского опыта как для владельцев магазинов, так и для разработчиков на платформе Shopify.

Вот некоторые ключевые нововведения 👇

1️⃣ Увеличение Лимита Вариантов Продуктов
Теперь поддерживается до 2000 вариантов на продукт благодаря новому GraphQL API продукта, что значительно расширяет возможности для создания более сложных каталогов товаров​​.

❗️ С количеством опций товаров ничего не поменялось. Всё также, по-прежнему, можно иметь только 3 опции продукта, например размер, цвет, стиль.

2️⃣ Расширенная Гибкость Оформления Заказа (Checkout Extensibility)
Shopify Plus теперь предлагает еще больше способов настройки процесса оформления заказа, включая расширение на страницы "Thank You" и "Order Status". Это дает возможность торговцам и разработчикам кастомизировать внешний вид и функционал этих страниц​​.

3️⃣ Shopify Magic / ИИ
Введение Shopify Magic, инструментов на базе искусственного интеллекта, включая возможности редактирования изображений и автоматического создания контента для улучшения описаний продуктов и ускорения создания страниц​​.

❗️ Всё также Shopify Magic не появляется ни в моих тестовых магазинов, ни в магазинах клиентов. Я думаю, что у них пока что очень ограниченное число пользователей.

4️⃣ Shopify Subscriptions App
Бесплатное приложение для управления подписками прямо из админки Shopify, позволяющее пользователям модифицировать или пропускать заказы подписки, улучшая взаимодействие с клиентами и повышая их жизненный цикл​​.

5️⃣ Расширенные Возможности B2B
Новые функции для улучшения взаимодействия с бизнес-клиентами в Shopify Plus, включая поддержку торговых представителей и возможности для создания уникальных скидок исключительно для B2B-заказов​​​​.

6️⃣ Новая Панель Управления Прозводительности Сайта
Новая панель управления веб-производительностью для отслеживания и оптимизации производительности витрины на основе ключевых показателей веб-ускорения. Инфраструктура Shopify улучшилась на 35%, а количество глобальных точек доступа расширилось​​.

7️⃣ Улучшенные Платежные Опции
Включая возможность клиентам сохранять методы оплаты для ускорения будущих покупок и автоматическое обновление устаревших деталей карт, что способствует успешным транзакциям​​.

Что думаете про нововведения?

Страница обновления

Обновление сайта

На моём русскоязычном сайте-блоге появились лайки статей. Теперь можно поставить сердечко :)

Ещё я выложил новую статью, она называется "Как перенести описание товара в Shopify?". Вообще нужно было назвать не "перенести", а "переместить". Потому-что мы описание-то перемещаем, а не переносим. Ну это уже ладно.

Поставить сердечко

❗️Shopify увеличивает цену Shopify Plus с 2 тыс. долларов США до 2,5 тыс. долларов США в месяц.

Теперь можно выбрать между двумя контрактами:
на 1 год - 2500 долларов в месяц.
на 3 года - 2300 долларов в месяц.

❗️❗️НОВОЕ ВИДЕО
На канале вышло новое видео. В этом видео я рассказал, как переместить описание товара в Шопифай на странице продукта.

Записал видео немного в другом формате, чем обычно, а именно:
1. На старый микрофон;
2. Через Zoom 😅
3. С вебкой.

Смотреть

Ох что-то горячее пишу.

P.S. Решил осветить эту тему чтобы скидывать тем людям, которые меня спрашивают про Дропшиппинг и "изи мани"