| Date | Title | Description |
| 10.02.2025 | Backend-for-Frontend (BFF): решение проблемы взаимодействия фронтенда и бэкенда | Проблема взаимодействия фронтенда и бэкенда
В современной разработке веб-приложений одной из ключевых проблем является несовместимость между фронтендом и бэкендом. Фронтенд-команды часто вынуждены ждать, пока бэкенд предоставит необходимые ... |
| 07.02.2025 | TrueFoundry's Rise: Fueling AI Deployment with Fresh Capital | In the bustling world of artificial intelligence, TrueFoundry is carving its niche. The startup, born from the minds of former Meta engineers, has just secured a hefty $19 million investment from Intel Capital. This funding is not just a fi... |
| 06.02.2025 | Progress named in Gartner® 2025 Magic Quadrant™ for DXP for Fourth Year | Progress, the trusted provider of AI-powered digital experiences and infrastructure software, announced its recognition in the 2025 Gartner Magic Quadrant for Digital Experience Platforms. Progress was one of 17 vendors evaluated in this re... |
| 04.02.2025 | Рефакторинг с помощью codemods для автоматизации изменений API | Если вы разрабатываете библиотеку, например, такую как lodash или React, ваша утилита может стать популярной и использоваться сотнями тысяч разработчиков ежедневно. Со временем могут появиться шаблоны использования, выходящие за рамки изнач... |
| 01.02.2025 | Naive Problem Solving: Почему неопытность в разработке может быть преимуществом | Сегодня я хочу поговорить о явлении, которое заметил еще в начале своего пути в разработке. Давно хотел поделиться этими мыслями и получить обратную связь от более опытных разработчиков. Я уверен, что этот подход может быть полезен не тольк... |
| 01.02.2025 | Как из каши импортов сделать сортированный список Frontend | Всем привет! Меня зовут Владимир и работаю джуниор фронтенд разработчиком в одной из лучших компаний :-)
Сегодня хочу вам рассказать, как можно немного причесать ваш проект чтобы он выглядел более читабельным.
И так рецепт нашего блюда
Коне... |
| 27.01.2025 | Как создать планировщик путешествий с ИИ-агентом на CopilotKit, LangGraph и Google Maps API | Кто сказал, что разработка ИИ‑агента — это сложно, долго и только для крупных корпораций? Сегодня мы убедимся, что добавить в своё приложение умного ассистента может каждый. Встречайте: ИИ‑агент, который помогает пользователю находить оптим... |
| 23.01.2025 | Состоялся релиз Bun 1.2 — среды выполнения JavaScript и TypeScript | 22 января 2025 года состоялся релиз Bun 1.2 — среды выполнения JavaScript и TypeScript с возможностью отладки кода и поддержкой популярных веб-фрейворков. Выпуск Bun 1.1 произошёл в апреле 2024 года, проект Bun 1.0 вышел в сентябре 2023 год... |
| 17.01.2025 | Unlocking Multilingual Websites with i18next in Next.js | In today's globalized world, websites must speak multiple languages. The ability to localize content is no longer a luxury; it's a necessity. Imagine a storefront that only speaks one language. It limits potential customers. Similarly, a we... |
| 17.01.2025 | Архитектура для средненагруженных приложений: делюсь опытом и ищу ваши советы | Привет, коллеги! Меня зовут Санжар, я бэкенд-разработчик с опытом в настройке серверной инфраструктуры и контейнеризации для средних проектов. Сегодня хочу поделиться схемой архитектуры, которую я часто использую в своих проектах. Это не ру... |
| 16.01.2025 | Исследование: победители awwwards и их performance в Lighthouse | Все дизайнеры обожают сайт awwwards – площадку с платной публикацией, где собраны самые классные работы в сфере веб-дизайна. А поскольку мы душнилы по части performance, мы собрали почти 5000 сайтов, определили их фреймворк и проверили прои... |
| 16.01.2025 | Локализуем React (NextJS, TypeScript) сайт на несколько языков с помощью i18next | У меня появилась задача в проекте:
Перевести личный кабинет пользователя на русский и английский (в перспективе и на другие языки).
При этом, определять язык пользователя при первом заходе в ЛК и давать его изменить.
Запоминать выбранный яз... |
| 14.01.2025 | Релиз Nextra 4 x App Router: что нового? | Что такое Nextra?
Nextra — это мощная библиотека для рендеринга MDX-файлов с использованием Next.js. Она упрощает создание сайтов-документаций, блогов и других проектов с контентом, предоставляя готовые темы, удобные маршруты и поддержку се... |
| 12.01.2025 | The Evolution of Web Development: From PHP to Modern JavaScript Frameworks | In the world of web development, change is the only constant. The landscape has shifted dramatically over the years, evolving from simple server-side scripting to complex, interactive applications. At the heart of this evolution lies a pivo... |
| 11.01.2025 | React на сервере — это не PHP | Привет, Хабр.
Некоторое время назад наткнулся на интересную статью в блоге Кристофера Артмана, которой он сравнивает до чего эволюционировал Реакт в наше время и задается вопросом, о том, не вернулись ли мы в отправную точку, и Реакт на сер... |
| 11.01.2025 | Опыт первого знакомства с Next.js | Хочу поделиться своим опытом первого знакомства с фреймворком Next.js.
Я понимаю, что потратил не очень много времени и скорее всего многие вопросы, описанные в статье уже кем-то решены. Но ценность данной статьи именно в том, что это первы... |
| 07.01.2025 | Navigating the Future of React: The Rise of TanStack Router | In the ever-evolving landscape of web development, routing is the compass that guides users through applications. For React developers, the choices have often boiled down to established players like React Router and Next.js Router. However,... |
| 06.01.2025 | TanStack Router: современный и типобезопасный роутер для React | Изображение, созданное DALL-E
Привет, Хабр!
Если вы разрабатываете приложения на React, вы наверняка сталкивались с вопросом, как организовать маршрутизацию. И хотя инструменты вроде React Router или Next.js Router уже давно стали де-факто ... |
| 30.12.2024 | The Unsung Heroes of Web Development: Understanding Ports and Time Zones | In the world of web development, ports and time zones are the unsung heroes. They work behind the scenes, ensuring smooth communication and accurate data representation. Understanding these elements is crucial for developers. Let’s dive int... |
| 28.12.2024 | Порты в веб-разработке: от локальной разработки до продакшена | Эта статья предназначена в первую очередь для веб-разработчиков. Я не являюсь экспертом в области сетей, администрирования или DevOps, поэтому представленный материал не углубляется в сетевые аспекты.
Из любопытства, я как то задался вопрос... |
| 24.12.2024 | Как я разрабатываю конвертер в 2024 (Frontend часть) | Всем привет!
Меня зовут Руслан и я fullstack разработчик, я работаю над заказами и разрабатываю свои digital продукты. На данный момент я разрабатываю конвертер файлов, например картинок, png в webp, jpg в png и так далее. Итак, я решил под... |
| 13.12.2024 | Как устроен Next.js: разбираем ключевые особенности фреймворка на примере небольшого pet-проекта | На майской конференции React Conf 2024 команда React не только презентовала версию библиотеки React 19, но и рекомендовала использовать для старта новых JavaScript-проектов один из четырех фреймворков: Next.js, Remix, RedwoodJs или Expo. По... |
| 12.12.2024 | React v19: A New Era of Efficiency and Simplicity | React v19 has landed, and it’s making waves in the development community. This latest version brings a treasure trove of features designed to streamline the development process and enhance user experience. Imagine a toolbox filled with shin... |
| 10.12.2024 | React Server Components и Next.js 13: новый шаг к оптимальному рендерингу | Мир React долгое время делился на две «сферы»: серверный рендеринг (SSR) и клиентский рендеринг (CSR). Приложения обычно подгружали часть контента с сервера для быстрого старта, а затем загружали большой бандл JS для полного интерактивного ... |
| 06.12.2024 | Как мы разработали SaaS-сервис для поиска компаний: опыт создания B2B-базы данных с 15 млн организаций | Российским b2b-компаниям часто сложно находить новых клиентов и партнеров, отсеивать нерелевантные компании и анализировать рынок. Проще говоря, находить лиды.
Мы проанализировали существующие подходы и выделили несколько популярных решений... |
| 29.11.2024 | Navigating the Tech Frontier: A Deep Dive into Mireapay and IDM Midpoint | In the fast-paced world of technology, new projects emerge like stars in the night sky. Two recent endeavors, Mireapay and IDM Midpoint, showcase the relentless innovation in the tech landscape. Each project, with its unique challenges and ... |
| 29.11.2024 | Progress unveils Sitefinity with Next.js support & Gen AI | Progress has announced the introduction of new capabilities and enhancements to its Sitefinity platform, including native support for the React framework, Next.js.
The features of the latest Sitefinity release are designed to accelerate the... |
| 28.11.2024 | Техно-демо Mireapay | Спустя три месяца с публикации самой популярной статьи автора наконец-то удалось собрать первый прод и настроить его. Если вам интересно развитие проекта mireapay, а так же желаете выяснить почему по статистике 9 разработчиков из 10 считает... |
| 24.11.2024 | Navigating the Future of Knowledge Management and Digital Experience | In the rapidly evolving landscape of technology, two recent events shed light on the future of knowledge management (KM) and digital experience. KMWorld 2024 and the unveiling of Progress Sitefinity's Next.js support are pivotal moments tha... |
| 22.11.2024 | Progress Unveils Native Next.js Support in Sitefinity | Progress (Nasdaq: PRGS), the trusted provider of AI-powered infrastructure software, today announced new powerful capabilities and enhancements in the latest release of Progress® Sitefinity®. With this release, Sitefinity introduces native ... |
| 16.11.2024 | Модульные CSS-архитектуры в Next.js: BEM, SMACSS, OOCSS и их применение | Привет, Хабр!
Сегодня пробежимся по теме, которую не назовёшь новенькой, но без неё — ни шагу в CSS-вёрстке в Next.js. Модульные CSS-архитектуры — это необходимый инструмент для тех, кто хочет создать прочную основу для масштабируемого прое... |
| 14.11.2024 | Рецензия на книгу “Изучаем паттерны проектирования JavaScript, 2-е издание” | Когда автор Адди Османи написал первую версию книги Learning JavaScript Design Patterns в 2012 году, JavaScript еще начинал завоевывать популярность как язык для создания сложных веб-приложений. С тех пор JavaScript претерпел значительные и... |
| 14.11.2024 | Разворачиваем приложение Next.js с базой данных PostgreSQL и задачей Cron на облачном сервере Ubuntu Linux | Привет, друзья!
Предположим, что у нас есть приложение Next.js, данные которого хранятся в Postgres, и мы хотим запустить его в продакшн, но не хотим использовать готовую инфраструктуру Vercel. Что делать? Создать собственную инфраструктуру... |
| 12.11.2024 | Как сделать интерактивную панель для отправки SMS | Сегодня разработаем панель, через которую сможем отправлять SMS сразу нескольким адресатам, получать их ответы и видеть статистику по отправленным сообщениям через календарь и график. Будем использовать Next.js, Shadcn для интерфейса и SMS ... |
| 09.11.2024 | Outstatic CMS для персонального блога на Next.js: Легко и Быстро | Решил сделать небольшой проект для веб-студии, чтобы удобно хранить наши наработки и получать дополнительный доход с продаж готовых решений.
Для разработки я выбрал Next.js, создал структуру проекта и пошел думать над тем, как мне будет про... |
| 07.11.2024 | Как я создавал бесплатный сервис оптимизации изображений FlashImg.ru | FlashImg - оптимизатор изображений
Всем привет. В этом материале я расскажу как создавал бесплатный сервис оптимизации изображений FlashImg.ru Зачем оптимизировать изображения
Сегодня любой сайт содержит огромное количество изображений. Цел... |
| 24.10.2024 | Family Frontend Meetup #3 | Автогенерация функций выборки данных с помощью Orval, переработка логики оптимизации изображений с заменой нашего компонента Picture, обновления Next.js 15 и небольшой бонус – наш топ библиотек, которые упростят поддержку и разработку вашег... |
| 23.10.2024 | Bridging the Gap: React Server Components in Electron with Next.js | In the world of web development, innovation is the lifeblood. React Server Components (RSC) have emerged as a game-changer, simplifying the way developers build applications. Imagine having server-side APIs seamlessly integrated into your w... |
| 23.10.2024 | Как Vercel микрофронтенды внедрила | Основной веб-сайт Vercel, некогда являвшийся единым крупным сайтом Next.js приложение, обслуживающее как посетителей нашего веб-сайта, так и панель управления для входа в систему. Но по мере того, как компания Vercel росла, в этой системе п... |
| 22.10.2024 | Next.js v15 — Работа над Ошибками | Привет! Это ставшая уже регулярной рубрика о релизах next.js (читайте релизы по v11, v12, v13, v14). Каждый релиз - набор нового, интересного и спорного. Новая версия не станет исключением. Но всё же новая версия интересна не столько новым ... |
| 22.10.2024 | Как сделать React Server Components в Electron с помощью Next.js и без открытых портов | С появлением React Server Components и Server Actions разработка веб-приложений стала проще, чем когда-либо. Удобно когда у разработчика есть все серверные API прямо внутри веб-приложения, нативно, с типами и полной поддержкой от фреймворка... |
| 17.10.2024 | Создание простой CRM на Next.js и Prisma для B2B | интерфейс "дела"Введение
Мой опыт работы в продажах в различных компаниях многому меня научил. Одним из ключевых инструментов, без которого невозможен эффективный процесс продаж, является CRM-система. Для руководителей и менеджеро... |
| 08.10.2024 | Что нас ждет в Next.js 15: обзор заявленных новинок | Привет, на связи Майя из Spectr. Сегодня я поделюсь обзором последней, пятнадцатой версии Next.js. В статье мы разберем интересные улучшения: React Compiler, улучшенные сообщения об ошибках гидрации в ‘use-client’, исправление поведения кэш... |
| 06.10.2024 | Vike — современный SSR-фреймворк | Всем привет. Я являюсь ведущим frontend-разработчиком компании 21Yard. Мы разрабатываем сервис для поиска строительных подрядчиков.
На проект я пришел желторотым масленком, который мало смыслил в seo-продвижении продукта, но жизнь внесла св... |
| 05.10.2024 | The Cloud Journey: From Plumbing to Programming | In the world of technology, stories of transformation often shine the brightest. One such tale is that of Daniel Singletary, a former plumber who navigated the turbulent waters of career change to become a cloud developer. His journey is no... |
| 05.10.2024 | Многопоточность в NextJS: как запустить и нужно ли? | На определённом этапе своей карьеры я задался вопросом: может ли Next.js работать в многопоточном режиме? Оказалось, что нет. Это побудило меня разобраться, как можно организовать многопоточную работу Next.js и насколько это оправдано для с... |
| 03.10.2024 | Книга: «Паттерны проектирования JavaScript» | Привет, Хаброжители!
Раскройте потенциал паттернов проектирования JavaScript. Найдите структурированные решения распространенных задач разработки, пригодные для многократного использования и повышающие масштабируемость, производительность и... |
| 02.10.2024 | Путешествие по Next.js: от ошибок с not-found до форка next-runtime-env | Недавно столкнулся с интересным багом в Next.js. Если на странице not-found делать навигацию через router.push(pathname), теряются все переменные окружения, которые мы инициализируем через библиотеку next-runtime-env (значение window.__ENV ... |
| 25.09.2024 | Как сочетать Next.js и Go: основы | Привет, Хабр!
В современной веб-разработке перед разработчиком в основном стоит задача создать приложения, которые не только быстро загружаются, но и дают плавный пользовательский опыт. Сочетание Next.js и Go предлагает мощное решение для э... |
| 25.09.2024 | Что нового в React 19 | React 19 на подходе. Команда React анонсировала предрелизную версию React 19 в апреле. Это крупное обновление принесет с собой ряд улучшений и новых паттернов, нацеленных на повышение производительности, удобство использования и опыта разра... |
| 23.09.2024 | В среду выполнения JavaScript и TypeScript Bun 1.1.28 добавлена поддержка вызова кода на языке C | В обновлении среды выполнения JavaScript и TypeScript Bun 1.1.28 разработчики проекта добавили экспериментальную возможность компиляции и выполнения обработчиков, написанных на языке C.
По информации OpenNET, ранее в этом проекте для вызова... |
| 22.09.2024 | Создал свой IT-стартап и выиграл грант на миллион рублей | Я прошел путь от переводчика в Китае до создания собственного стартапа.
В этой статье расскажу про идею стартапа, смену трёх CTO и команд за год, предложение инвестиций, продажи и выигрыш гранта на миллион рублей.
Выступление на акселератор... |
| 19.09.2024 | Дело было вечером или Создаем веб-приложение за 5 часов | Привет, друзья!
В этой небольшой заметке я хочу рассказать вам о том, как я разработал игру с вопросами по JavaScript за один вечер, потому что, во-первых, мне было скучно :D, во-вторых, мне стало интересно, как быстро я смогу "запилит... |
| 18.09.2024 | The Frontend Frontier: Navigating the Web's Visual Landscape | In the vast digital universe, the frontend is the face of the web. It’s what users see and interact with. But how does it all come together? Understanding the mechanics behind frontend development is like peeling an onion—layer by layer, it... |
| 18.09.2024 | Издательство Питер. Колонка редактора, сентябрь 24 г | Привет, Хаброжители!
Предлагаем ознакомиться с краткими обзорами новинок, отправленных в типографию.
Паттерны проектирования JavaScript
Автор(ы): Ди Франческо У.
Раскройте потенциал паттернов проектирования JavaScript. Найдите структурирова... |
| 15.09.2024 | Использование стандарта ES5 в Интернете | Стандарт Ecmascrpit
В 2017 году я написал статью, в которой показал веб-разработчикам, как они могут деплоить код ES6+ (он же ES2015) в продакшен, без необходимости транспилировать его в ES5. Этот метод был выходом для разработчиков веб-сай... |
| 13.09.2024 | Next.js + Playwright. Как мы начали писать автотесты и что из этого вышло | Привет! Меня зовут Данила, я фронтенд-тимлид в KTS.
В этой статье я поделюсь с вами нашим опытом внедрения автотестов на одном из боевых проектов. Расскажу, с какими задачами мы столкнулись, почему решили взяться за автотестирование и какие... |
| 01.09.2024 | Streamlining User Experience: Lessons from the Tyumen Thermal Resort | In the digital age, user experience (UX) is the lifeblood of any service. A seamless experience can turn a casual visitor into a loyal customer. This principle was put to the test at the Tyumen thermal resort, LetoLeto, where the need for a... |
| 01.09.2024 | Cultivating Your Digital Garden: A Guide to Note-Taking and Idea Growth | In the digital age, the art of note-taking has evolved. It’s no longer just about jotting down thoughts. It’s about cultivating a digital garden. This concept transforms the way we view our notes, turning them into living entities that grow... |
| 30.08.2024 | Цифровой сад | Тема ведения заметок остается актуальной и по сей день. Мы знаем, какую пользу это приносит автору. Знакомы с различными подходами к ведению заметок. Известны инструменты, которые можно использовать, и у нас есть выбор. Представьте, что вы ... |
| 29.08.2024 | SPA приложение, без JS фреймворков и потери SEO в Bitrix | Покажу как просто и удобно можно сделать главную фишку SPA - плавный и бесшовный переход между страницами в Bitrix без тонны JS кода. Ну и самое главное без потери SEO.
Принцип работы будет похож немного на Next.js / Nuxt.js - где первую ст... |
| 21.08.2024 | The Evolution of Google’s JavaScript Indexing: Myths and Realities | In the digital age, understanding how search engines like Google index web pages is crucial. The landscape of search engine optimization (SEO) is constantly shifting, much like the tides. With the rise of JavaScript-heavy applications, misc... |
| 20.08.2024 | Как Google обрабатывает JavaScript в процессе индексации веб-страниц | Понимание того, как поисковые системы изучают, рендерят и индексируют веб-страницы, имеет решающее значение для оптимизации сайтов под поисковые системы. По мере изменений в работе поисковых систем (например, Google), отслеживать, что работ... |
| 14.08.2024 | От Web к Native с React | React Native — отличный выбор для веб-разработчиков, имеющих опыт работы с React, которые хотят создать первое мобильное приложение.
Хотя у React и React Native много общего, между веб-платформой и нативными приложениями существуют некоторы... |
| 04.08.2024 | Navigating the Waters of Modern Web Development: A Dive into Feature-Sliced Design and FastAPI | In the ever-evolving landscape of web development, methodologies and frameworks emerge like waves, each promising to streamline processes and enhance productivity. Two such innovations are Feature-Sliced Design (FSD) and FastAPI. Each serve... |
| 02.08.2024 | Как мы приготовили Feature-Sliced Design в VK | Всем привет! Меня зовут Дмитрий, я Frontend-разработчик в VK. В этой статье расскажу немного о том, как мы знакомились с архитектурой FSD (Feature-Sliced Design), как мы рефакторили свой проект под неё. И, самое главное, что из этого вышло.... |
| 27.07.2024 | Navigating the Frontend Jungle: A Guide to JavaScript Frameworks | In the world of web development, choosing the right JavaScript framework is like picking the right tool from a toolbox. Each tool has its strengths and weaknesses. Today, we’ll explore three heavyweights: React, Angular, and Vue. Each has c... |
| 26.07.2024 | Выбор JavaScript фреймворка: Сравнение React, Angular и Vue Глазами Разработчика | React - конечно самый качокВведение
В мире фронтенд-разработки существует множество различных фреймворков, которые помогают сделать процесс создания веб-приложений более удобным и эффективным. Я являюсь частью этого мира уже более 4-х лет, ... |
| 25.07.2024 | Как разработчик систему продуктовой аналитики Posthog подключал | Когда наш продукт (протокол рекуррентных криптоплатежей на NodeJs, React) вырос, возникла необходимость подключить систему продуктовой аналитики, чтобы понимать, что и как делают наши пользователи. В статье хочу рассказать об опыте подключе... |
| 16.07.2024 | Vercel VS Edge VS Next. Что такое Vercel Edge, зачем, как и куда | Edge рантайм. Один из главных функционалов компании Vercel — компании, которая разработала и развивает next.js. Тем не менее, её влияние по edge рантайму вышло далеко за рамки её фреймворков и утилит. Edge рантайм работает и в недавно купле... |
| 15.07.2024 | Разработчик представил веб-сайт, который имитирует работу утилиты Disk Defragmenter в Windows 98, включая звуки HDD | Разработчик Деннис Морелло представил онлайн-проект Windows 98 Disk Defrag Simulator, который имитирует работу утилиты Disk Defragmenter в Windows 98, включая звуки HDD. На сайте defrag98.com можно посмотреть, как работала система дефрагмен... |
| 14.07.2024 | Проект «Solar Future» или передача данных с Arduino на веб-интерфейс через GSM-сеть | Промониторив много различных вакансий на позиции Backend-разработчика на HH.ru, понял, что с учебными проектами, которые предлагаются на различных IT-курсах, мне просто не выделиться на фоне тысяч(если не десятков тысяч) выпускников подобны... |
| 27.06.2024 | Полный гайд по UI-китам: как их создавать, подключать и ничего не бояться | Привет! Я Леша Кузьмин, главный про фронтенду в AGIMA. Мы с коллегами решили суммировать наш опыт по подготовке UI-китов и сделать большую и внятную инструкцию для новичков. Во-первых, это удобно — будем давать эту статью нашим стажерам и п... |
| 26.06.2024 | Логирование во фронтенд-приложениях. Опыт Звука | Всем привет! На связи Роман Савельев, фронтенд-разработчик в команде Звука. В этой статье я хочу поделиться опытом и рассказать, как мы с командой прошли путь от хаоса до выстроенной инфраструктуры и унифицировали работу с логами в собствен... |
| 23.06.2024 | Организация структуры папок и файлов в React/Next по MVC-архитектуре | Предисловие
Доброго времени суток, коллеги! В этой статье я делюсь своим способом упорядочивания папок и файлов для проектов на React/Next. Я fullstack разработчик с 10+ лет опыта коммерческой разработки, множество стартапов разработал в ра... |
| 21.06.2024 | Tramvai — фреймворк для создания веб-приложений | 30 августа 2021 года на GitHub прошел первый релиз исходного кода фреймворка Tramvai. При этом свою историю фреймворк начал гораздо раньше и долгое время был внутренней разработкой компании.
Tramvai предназначен для создания универсальных (... |
| 20.06.2024 | На чем разработать свой стартап или с чего начать хакатон в 2024? (часть 1) | typical startup thinking about technology
Давайте попробуем собрать свой идеальный boilerplate для full-stack разработки. В статье мы будем постепенно собирать шаблон для быстрого запуска стартапов.
Сразу предупреждаю, что статья будет холи... |
| 15.06.2024 | Поясняю за React Сompiler | В 2024 году команда React готовит множество нововведений, приуроченных к выходу React 19.
Одним из таких нововведений является React Сompiler — новый JavaScript-компилятор для оптимизации вычислений. Главной целью разработчиков была оптимиз... |
| 13.06.2024 | Web-приложение с использованием fingerprint: как это работает и в чем сложность | Привет, Хабр. Меня зовут Алексей, я занимаюсь разработкой в сервисе бронирования отелей МТС Travel. Нам примерно два года, но мы быстро растем, так что наши данные стали регулярно парсить, из-за чего пришлось искать методы защиты.
В итоге м... |
| 11.06.2024 | Как из безголовой CMS сделать полноценную систему управления сайтом | Всем привет! Я Леша Кузьмин, руководитель направления Frontend в AGIMA. В этой статье мы подробно рассмотрим безголовые CMS: какие тут есть подводные камни, как быть с архитектурой проектов, интеграциями и динамическими страницами. Посмотри... |
| 11.06.2024 | Деплоим Next.js приложение через PM2 | Недавно мне посчастливилось развернуть Next.js на сервере с помощью PM2. Этот способ я не нашел в документации фреймворка, хотя считаю его довольно удобным, при этом гайдов по теме оказалось очень мало. Рассказываю, как всё сделать, и приво... |
| 08.06.2024 | Вечный покой .env: как эффективнее удалять закомиченный файл .env из Git-репозитория | арм. Բարև ձեզ , всех приветствую." data-abbr="Барев дзес">Барев дзес! На связи Гагик Антонян. Я — Frontend-разработчик и это моя первая статья на Хабре. Сегодня вы узнаете, как полноценно удалять .env, который по ... |
| 04.06.2024 | WordPress Interactivity API: Подробное объяснение | WordPress Interactivity - это относительно новый API, который позволяет создавать декларативный фронтенд в WordPress нативно. Декларативный? Да, да, он использует тот же принцип, что React и Vue. Только тут под капотом Preact и собственные ... |
| 04.06.2024 | 7 раз отрежь, один релизни. А/Б тесты статических сайтов | Релиз начинается с идеи. Когда в потоке мозгового штурма приходит та самая идея, которая понравится всем пользователям и привлечёт новых клиентов. Идея презентуется команде менеджеров, маркетологов и безоговорочно поддерживается всеми.
Прор... |
| 02.06.2024 | .NET Aspire — империя дотнета наносит ответный удар | Когда я первый раз услышал про .NET Aspire, я подумал что это какая-то очередная лажа от Майкрософта, про которую все забудут через неделю.
Особенно, учитывая какую дичь часто завозят в шарп (например те же ужасно спроектированные Primary C... |
| 22.05.2024 | Что разработчик никогда не должен делать | Я работал разработчиком более пяти лет. Это не делает меня экспертом, но я считаю, что сделал достаточно ошибок, чтобы поделиться с вами. Вот 10 вещей, которые никогда не стоит делать разработчику.1) Быть перфекционистом
Ничто не идеально, ... |
| 20.05.2024 | Создание собственного графического клиента ChatGPT с помощью NextJS и Wing | P. S:
К концу этой статьи вы создадите и развернете клиент ChatGPT с помощью Wing и Next.js.
Это приложение может запускаться локально (в локальном облачном симуляторе) или развертываться у вашего собственного облачного провайдера.Введение
... |
| 16.05.2024 | React Conf 2024. React v19 | "React 19 RC". Источник: React Conf 2024
Temp UPD: прямо сейчас проходит второй день React Conf.
Несколько часов назад завершился первый день Конференции React.js. Долгожданной конференции спустя почти 3 года после предыдущей. Не ... |
| 16.05.2024 | Разбираемся в серверных и клиентских компонентах в Next.js: когда, как и почему? | Next.js предлагает широкие возможности для создания высокопроизводительных веб-приложений. Важной частью его функциональности с появлением Next App Router являются серверные и клиентские компоненты, которые позволяют разработчикам управлять... |
| 03.05.2024 | Руководство по Next.js. 3/3
Оптимизации
Настройка
Аутентификация
Производственный чеклист | Hello world!
Представляю вашему вниманию третью и заключительную часть обновленного руководства по Next.js.
Первая часть
Вторая часть
Руководство целиком
На мой взгляд, Next.js — это лучший на сегодняшний день инструмент для разработки веб-... |
| 24.04.2024 | Руководство по Next.js. 2/3
Получение данных
Рендеринг
Кеширование
Стилизация | Hello world!
Представляю вашему вниманию вторую часть обновленного руководства по Next.js.
Первая часть
На мой взгляд, Next.js — это лучший на сегодняшний день инструмент для разработки веб-приложений.
Предполагается, что вы хорошо знаете J... |
| 20.04.2024 | Один репозиторий, чтобы править всеми | Собираем кроссплатформенное (server-client, static-client, gh-pages, Android, iOS, macOS, Linux, Windows, Chrome extension, Docker, Kubernetes, ...) React приложение. В этой статье я почти не затрону Deep backend, только чуть-чуть в конце. ... |
| 18.04.2024 | Мультидоменный проект (мультисайт) на NextJS | Привет! Я frontend-разработчик в одной компании, занимающейся электронной коммерцией.
Не буду долго рассказывать о себе, о компании и о том, как возникла потребность написать подобный проект, сразу приступлю к описанию решения.
Представим, ... |
| 16.04.2024 | Руководство по Next.js. 1/3
Введение
Роутинг | Hello world!
Представляю вашему вниманию первую часть обновленного руководства по Next.js.
На мой взгляд, Next.js — это лучший на сегодняшний день инструмент для разработки веб-приложений.
Предполагается, что вы хорошо знаете JavaScript и R... |
| 07.04.2024 | Подписки на GraphQL: Почему мы используем SSE/Fetch вместо Websockets | WunderGraph предоставляет подписки GraphQL через SSE (Server-Sent Events) или Fetch (в качестве резервного варианта). В этом посте объясняется, почему мы решили выбрать этот подход и считаем его лучше, чем использование WebSockets.Что такое... |
| 05.04.2024 | Создание серверного Live Chat приложения с использованием Next.js, Fauna и WunderGraph для GraphQL Live Queries | Пошаговое руководство по созданию масштабируемого, чат-приложения реального времени с использованием серверных технологий... с небольшой помощью от NextAuth.js для входа через GitHub. Кому нужны WebSockets, когда у вас есть Live Queries? Не... |
| 04.04.2024 | 8 неочевидных уязвимостей при разработке e-commerce проекта на NextJS | Важно не забывать про безопасность при разработке. По мере усложнения сценариев и архитектуры в онлайн и екоммерс сервисах риск возникновения ошибок возрастает. Поэтому мы обучаем разработчиков основам безопасности в вебе и регулярно провод... |
| 02.04.2024 | Состоялся релиз Bun 1.1 — среды выполнения JavaScript и TypeScript | 1 апреля 2024 года состоялся релиз Bun 1.1 — среды выполнения JavaScript и TypeScript с возможностью отладки кода и поддержкой популярных веб-фрейворков. Это событие произошло спустя шесть месяцев после выхода первой мажорной версии проекта... |
| 01.04.2024 | Почему стоит взглянуть на Relay и GraphQL снова | Если вы давно следите за моей работой, то знаете, что одним из моих любимых пристрастий являются сравнения GraphQL, REST, tRPC и других технологий, в которых не упоминаются Relay и Fragments. В этом посте я объясню, почему я считаю Relay пе... |
| 19.03.2024 | Кеширование next.js. Дар или проклятие | В 13 версии команда next.js представила новый подход к проектированию приложения - так называемый App Router. В 14 версии его сделали стабильным и основным для новых приложений.
App Router значительно расширяет функционал next.js - частичны... |