Привет, коллеги! Меня зовут Санжар, я бэкенд-разработчик с опытом в настройке серверной инфраструктуры и контейнеризации для средних проектов. Сегодня хочу поделиться схемой архитектуры, которую я часто использую в своих проектах. Это не руководство к действию и не утверждение, что так нужно делать. Скорее, это возможность для меня получить обратную связь и узнать, как сделать лучше. Так что прошу вас, пишите свои идеи и советы в комментариях — это очень важно для меня.
Рубрика «next.js»
Архитектура для средненагруженных приложений: делюсь опытом и ищу ваши советы
2025-01-17 в 11:23, admin, рубрики: data base, fastapi, gunicorn, next.js, python, архитектура приложений, балансировкаСоздание простой CRM на Next.js и Prisma для B2B
2024-10-17 в 7:15, admin, рубрики: B2B, b2b-сервисы, b2b-система, CRM, next.js, postgresql, Prisma, ProjectShowcase, startup, webdevelopment
Введение
Мой опыт работы в продажах в различных компаниях многому меня научил. Одним из ключевых инструментов, без которого невозможен эффективный процесс продаж, является CRM-система. Для руководителей и менеджеров по продажам она должна решать множество задач и отвечать на целый ряд вопросов. Но об этом чуть позже.
Путешествие по Next.js: от ошибок с not-found до форка next-runtime-env
2024-10-02 в 9:15, admin, рубрики: app router, next-runtime-env, next.js, next.js 14, React, react.jsНедавно столкнулся с интересным багом в Next.js. Если на странице not-found
делать навигацию через router.push(pathname)
, теряются все переменные окружения, которые мы инициализируем через библиотеку next-runtime-env
(значение window.__ENV
становится undefined
).
В проекте мы используем next-runtime-env
, так как придерживаемся подхода Build once, deploy many — это позволяет держать один Docker-образ, в который при запуске прокидываются нужные переменные окружения. Next.js из коробки не поддерживает такое поведение, ведь он хочет собирать env-переменные на этапе сборки приложения.
Попытки SЕО оптимизации кода на NextJS
2022-02-20 в 7:38, admin, рубрики: event loop, javascript, NeXT, next.js, nextjs, React, ReactJS, seo, seo аудит, веб-аналитика, поисковая оптимизацияНачинаем с чистой головой
Мой вывод - если нужно гнаться за sео, то NextJS (React) не выбор. Мой предел - 90-93 perfomance по оценке lighthouse. Предложение - NuxtJS (Vue.js).
И вот почему я считаю что это не случайностью:

Ох уж эти QR коды
2021-11-22 в 6:25, admin, рубрики: css, Hackathon, javascript, next.js, qr, ReactJS, serverless, Программирование
Пандемия, осеннее обострение, зима близко и QR коды на каждом шагу, роботы наступают, рутина работы затягивает. Хочешь покушать покажи картинку. Скучную и квадратную, для робота, не для человека. Только единицы могут ее читать, и только избранные рисовать. Вон на прошлой неделе как хабр qr кодом бомбануло!
Идея
Полное руководство по инкрементной регенерации статических сайтов с помощью Next.js
2021-05-22 в 14:03, admin, рубрики: isr, javascript, next.js, ruvds_перевод, Блог компании RUVDS.com, разработка, Разработка веб-сайтовГод назад во фреймворке Next.js 9.3 появилась поддержка генерирования статических сайтов (Static Site Generation, SSG), что сделало его первым гибридным фреймворком. Я к тому моменту уже несколько лет с удовольствием пользовался Next.js. Но тот релиз сделал Next.js моим новым стандартным инструментом. После того, как я много и серьёзно поработал с Next.js, я присоединился к Vercel для того чтобы помогать компаниям, вроде Tripadvisor и Washington Post, в деле внедрения Next.js и расширения того, что у них получилось.
В этом материале мне хотелось бы исследовать новый виток эволюции Jamstack — механизм инкрементной регенерации статических сайтов (Incremental Static Regeneration, ISR). Здесь вы найдёте руководство по ISR, а так же — практические примеры использования этой технологии, демонстрационные проекты и рассказ о сопутствующих внедрению ISR компромиссах.
Если в двух словах описать ISR, то окажется, что эта технология позволяет, при внесении каких-то изменений в материалы сайта, мгновенно обновлять статический контент. Полная пересборка проекта при этом не нужна. Гибридный подход Next.js позволяет использовать ISR в сфере электронной коммерции, при подготовке маркетинговых и рекламных страниц, при организации работы блогов и во многих других случаях.
Читать полностью »
Как Gatsby обошёл Next.js
2020-05-03 в 13:59, admin, рубрики: Gatsby, javascript, next.js, Блог компании RUVDS.com, разработка, Разработка веб-сайтовАвтор статьи, перевод которой мы сегодня публикуем, работает программистом в компании Antler. Эта компания представляет собой глобальный генератор стартапов. В Antler несколько раз в году проходят демонстрационные дни, собирающие множество создателей стартапов и инвесторов со всего мира. Ситуация вокруг COVID-19 вынудила Antler перевести свои мероприятия в онлайн-формат.
Компании хотелось сделать так, чтобы посетители их виртуальных мероприятий, ни на что не отвлекаясь, и нигде не застревая, видели бы самое главное. А именно — идеи представляемых публике стартапов, выраженные в виде содержимого веб-страниц. Виртуальные демонстрационные дни могут быть интересны достаточно широкой аудитории. Некоторые представители этой аудитории, возможно, впервые принимают участие в чём-то подобном. Поэтому компании нужно было сделать всё самым лучшим образом и обеспечить высокую скорость загрузки страниц, представляющих стартапы. Они решили, что это — как раз тот случай, когда им может пригодиться высокопроизводительное прогрессивное веб-приложение (PWA, Progressive Web App). Главный вопрос заключался в подборе подходящей технологии для разработки PWA.
Читать полностью »
Переход на Next.js и ускорение загрузки домашней страницы manifold.co в 7.5 раз
2019-03-12 в 9:00, admin, рубрики: javascript, next.js, Блог компании RUVDS.com, разработка, Разработка веб-сайтовСегодня мы публикуем перевод рассказа о том, как переход с React Boilerplate на Next.js, фреймворк для разработки прогрессивных веб-приложений, основанный на React, позволил ускорить загрузку домашней страницы проекта manifold.co в 7.5 раз. Другие изменения в проект не вносили, и этот переход, в общем-то, оказался совершенно незаметным для других частей системы. То, что получилось в итоге, оказалось даже лучшим, чем ожидалось.
Javascript-фреймворки: тенденции 2019 года
2018-12-21 в 15:13, admin, рубрики: angular, AngularJS, Apollo, backend, data layer, express, framework, graphql, javascript, koa, next.js, React, react.js, redux, vue, vue.js, Блог компании Plarium, Программирование, Совершенный кодПредставляем вам перевод статьи Nwose Lotannaс, которая была опубликована на blog.bitsrc.io. В ней подборки лучших фреймворков и информация, полезная как новичкам, так и опытным специалистам.
Очередной отчет от State of JS и наш прогноз на новый год уже здесь!
Давайте охватим взглядом удивительный путь развития, совершенный JavaScript в уходящем году и отраженный во мнениях более чем 20 тысяч веб-разработчиков со всего мира. Мы посмотрим, какие javascript-фреймворки для фронтенд-разработки, работы с данными и бэкенд-разработки были самыми востребованными, а также постараемся увидеть возможные будущие фавориты.
State of JS
В этой статье мы будем опираться на данные и выводы State of JS, а также на инсайты, которыми поделилась компания JetBrains в своем ежегодном отчете «Экосистема разработки» (The State of Developer Ecosystem).Читать полностью »
Подключение bootstrap в Next.js
2018-07-23 в 18:39, admin, рубрики: Bootstrap, javascript, next.js, reactstrap, примерКатегорически приветствую.
Столкнулся я тут с необходимостью подключить Bootsrtap в Next.js. Беглый гуглёж дал несколько тем на stackoverflow, парочку монструозных (всё в одном и все пакеты устарели ) шаблонов на гитхабе, и немножечко оффдоков. На деле же всё оказалось довольно тривиально, но, надеюсь, эта заметка сэкономит кому-то время.
Читать полностью »