Иван Белов

В этом уроке вы узнаете, как создать магазин по продаже цифровых товаров (например, электронных книг) с помощью Next.js и Medusa.

• Мы будем использовать стартовый шаблон Medusa Next.js и рецепт цифровых продуктов, чтобы приступить к работе.
• Мы обновим страницы продуктов для поддержки цифровых продуктов

Добавьте кнопку предварительного просмотра мультимедиа

Я создал среду разработки с использованием MapLibre GL JS и ключевой функции Amazon Location Service API. 🎉

Созданная среда доступна на GitHub. Пожалуйста, используйте её!

Bramus показал нам умный Space Toggle на основе анимации прокрутки, который позволяет нашим стилям реагировать в зависимости от того, может ли элемент прокручиваться или нет.

https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/

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

В этом посте предполагается использование PostgreSQL для базы данных. Дополнительную информацию о том, как подключиться к вашей базе данных, см. в orm.drizzle.team/docs/overview.

Настройка

Dependencies

npm i drizzle-orm pg dotenv
npm i -D drizzle-kit @types/pg esbuild-register @faker-js/faker

При использовании пакета Sequelize ORM весьма вероятно, что в какой-то момент вам понадобится создать ассоциации между моделями. Используя примеры моделей:

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

Мечта каждого разработчика — писать меньше кода и возможно сделать его многоразовым.

В React это означает знание того, как правильно отделить логику компонента от его представления.

Легче сказать, чем сделать, не так ли?

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

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

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

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

Resend — это платформа для эффективной отправки электронной почты, гарантирующая прямую доставку в ваш почтовый ящик, а не в папку со спамом. У Resend есть разные SDK для разных языков программирования, включая PHP, Ruby, JavaScript, Go, Python и Elixir. Resend также поддерживает бессерверную отправку электронной почты и SMTP.

React Email — это библиотека компонентов с открытым исходным кодом, созданная той же командой, что и Resend. Эту библиотеку можно использовать для создания различных современных адаптивных шаблонов электронной почты.

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

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

Если вы раньше не слышали о параллельной маршрутизации и не использовали ее, проверьте это.

Но что-то может пойти не так очень быстро, к счастью, исправления тоже происходят быстро!

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

В этом уроке я покажу, как упаковать приложение Go для пользовательского репозитория Arch Linux (AUR). Мы откроем учетную запись AUR, пройдемся по шаблону PKGBUILD и будем следовать рекомендациям Arch Wiki для Go. К концу руководства вы сможете загрузить свой собственный пакет Arch, использующий Go в AUR.

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

Среди динамичного ландшафта новых захватывающих проектов ярко сияет одно имя — SurrealDB.

Это не просто еще одна база данных — ее рекламируют как «идеальную многомодельную базу данных».

Буквально на прошлой неделе во время мероприятия SurrealDB World они отпраздновали запуск своей первой готовой к производству версии.

Уникальность SurrealDB заключается в исключительной гибкости хранения данных.

Опциональный API — это основной метод создания компонентов в Vue. С появлением Vue 3 был представлен новый метод создания компонентов, названный API композиции.

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

Привет, читатели блога dev-gang!

В этом руководстве вы узнаете, как создать приложение Todo с помощью популярной структуры «App Router» Next.js 13, а также поймете некоторые из наиболее важных изменений, которые с ней связаны.

Привет, читатели блога dev-gang! В этой статье мы рассмотрим процесс создания стильного слайдера популярных продуктов с использованием React, Next.js и CSS. Слайдер позволит пользователям прокручивать коллекцию популярных продуктов с помощью левой и правой кнопок навигации.

Если вы когда-нибудь задавались вопросом, как компании понимают мнение клиентов или как платформы социальных сетей оценивают общественное мнение, вы попали по адресу. Анализ настроений — это увлекательная область на стыке науки о данных и обработки естественного языка, а Python — один из самых популярных языков для выполнения этого анализа. Независимо от того, являетесь ли вы новичком в Python или просто новичком в мире анализа настроений, это руководство создано специально для вас.

Совместное использование Bash и Python для автоматизации задач в системе Linux — мощная комбинация. Bash — это оболочка по умолчанию в большинстве дистрибутивов Linux, а Python — универсальный язык сценариев.

Вот пошаговое руководство о том, как начать использовать их вместе для автоматизации:

Парсинг веб-страниц стал незаменимым инструментом для сбора данных, позволяющим разработчикам и энтузиастам данных получать доступ к ценной информации из Интернета. Такие инструменты, как BeautifulSoup4 и Selenium, — это удобные инструменты, которые максимально упрощают эту задачу, особенно для одноразовых сценариев и базовых рабочих процессов.

Однако парсинг веб-страниц часто является лишь первым шагом в более широком процессе извлечения, преобразования, загрузки (ETL). По мере роста ваших потребностей будет расти и количество пользовательских сценариев. Без структуры для организации этих одноразовых сценариев это неизбежно приведет к путанице в будущем.

Геолокация используется для определения текущего местоположения сетевого устройства. Его можно использовать в таких приложениях, как Google Maps, Uber, Tripadvisor и т. д.

В ReactJS мы можем найти текущую геолокацию пользователя с помощью Geolocation API JavaScript.

Привет, читатели блога dev-gang! 

Функции Azure позволяют запускать serverless код, управляемый событиями, без управления инфраструктурой. Функции могут запускаться HTTP-запросами, расписаниями, изменениями базы данных, загрузкой файлов и т. д.

Одной из наиболее важных особенностей Appwrite является его гибкость. Он предоставляет надежные инструменты, которые малые и крупные предприятия могут использовать для настройки серверной части с нуля или постепенного внедрения ее функций в существующую инфраструктуру.

В этом посте мы рассмотрим гибкость Appwrite за счет использования Appwrite Storage для управления файлами. Мы достигнем этого, создав приложение Flutter, которое использует адаптер Appwrite и Backblaze для управления изображениями. Репозиторий проекта можно найти здесь.

Привет, читатели блога dev-gang! Подписанные GPG коммиты на GitHub — это безопасный способ гарантировать обновления и целостность ваших вкладов в репозиторий.

Привет, читатели блога dev-gang! В июле 2023 года OpenAI представила вызов функций — функцию, лежащую в основе экосистемы плагинов ChatGPT.

Что мне показалось особенно полезным, так это не возможность запуска внешних API и встраивания ответов в диалоги... А обещание того, что новые модели настроены на возврат структурированных данных:

Привет, читатели блога dev-gang! Сегодня я познакомлю вас с процессом создания PDF-файла счета-фактуры для вашего серверного приложения или пользовательского сценария, который можно запустить из командной строки. Давайте начнем! 🎉

Для простоты будет использоваться язык программирования Node.js. Механизм шаблонов Handlebars для отделения данных от презентации.

Живая демо-версия / Скачать

Привет, читатели блога dev-gang! В этой статье мы увидим, как создавать динамические изображения Open Graph и Twitter с помощью Next.js. Этот метод позволяет нам создавать персонализированные предварительные просмотры наших статей при их публикации в социальных сетях, что повышает взаимодействие с вашей аудиторией.

Amazon Relational Database Service (RDS) — это веб-сервис, который упрощает настройку, эксплуатацию и масштабирование реляционных баз данных в облаке, а также управляет общими задачами администрирования. Amazon RDS в настоящее время поддерживает механизмы MariaDB, MySQL, Oracle, PostgreSQL и Microsoft SQL.

В настоящее время AWS предлагает более 15 специализированных вариантов баз данных для поддержки различных моделей баз данных. Эти модели включают в себя: реляционные, ключ-значения, хранящиеся в памяти, графовые, временные ряды, базы данных с широкими столбцами и реестровые базы данных.

За время своего обучения я наткнулся на несколько замечательных библиотек и утилит, одна из моих любимых для интеграционного тестирования — dockertest.

Всякий раз, когда я использую службу, поддерживаемую postgres, mongo, mysql или другими службами, которые не являются частью моей кодовой базы, я обычно создаю файл docker-compose, чтобы изолировать мои среды разработки. Затем, когда я работаю над конкретным проектом, все, что мне нужно сделать, это docker-compose up -d, чтобы начать работу, и docker-compose down, когда я закончу рабочий день.