Технология
Next.js
Next.js — фреймворк на React для full-stack веб-приложений: страницы рендерятся на сервере, данные загружаются рядом с интерфейсом, а одна кодовая база обслуживает и то и другое. Я делаю на нём интерфейсы продуктов, админки и многоязычные сайты, в том числе этот
- Тип
- Технология
- Официальный сайт
- nextjs.org
- В моей работе
- Проекты 1 · Инструменты 1 · Услуги 3
- Опубликовано
Где я её применяю
QRuma: игры для одного большого экрана, где телефон — геймпад
QRuma запускает игры для компании на одном большом экране: игроки сканируют QR-код, и телефон становится геймпадом без установки. Проект вырос из VibeCatter
ИнструментыКонструктор квиза: свои вопросы для Quiz Battle
Создайте свой квиз со своими вопросами и проведите его на большом экране: гости отвечают с телефонов. Сценарии, инструкция и ограничения конструктора
УслугиРазработка MVP: от идеи до работающего продукта
Разработка MVP на заказ: объём, UX, дизайн, фронтенд, бэкенд, AI и запуск — силами одного сеньора, который сам был основателем и CTO
УслугиТехнический директор (CTO) на аутсорсе для стартапа
CTO на аутсорсе для стартапа: архитектура, команда, код-ревью и разработка от технического директора, который пишет код сам. Часы в неделю или полная занятость
УслугиAI для бизнеса: агенты, чат-боты и автоматизация
Разработка AI для бизнеса: AI-агенты, чат-боты на ваших данных, автоматизация с помощью ИИ, голос и видео — внутри работающего продукта
Что такое Next.js и что я на нём делаю?
Большинство моих веб-продуктов начинается с Next.js. Он позволяет одному инженеру выпустить интерфейс, серверную логику и страницы, которые хорошо читают поисковики, не сшивая три отдельных проекта
Основные факты
Как я применяю Next.js
- Этот сайт. vibecatter.com работает на Next.js: страницы с серверным рендерингом на четырёх языках, собственная CMS с черновиками и публикацией, структурированные данные и админка.
- Игровая платформа в реальном времени. Сайт, игра на большом экране и пульты на телефонах моей мультиплеерной платформы сделаны на Next.js, React и TypeScript; сам игровой сервер — отдельный процесс на Node.js. Кейс платформы.
- MVP. В новом продукте Next.js закрывает в одной кодовой базе маркетинговые страницы, вход, личный кабинет и API, поэтому первая версия быстрее доходит до пользователей. Подробнее — разработка MVP.
Когда я выбираю Next.js и его ограничения
Я выбираю Next.js, когда продукту в одном месте нужны страницы, которые читают поисковые системы, интерфейс как у приложения и сервер. Серверный рендеринг делает первый экран быстрым, а тот же код работает как API.
Это не инструмент для всего. Долгоживущему серверу реального времени, например игровому циклу, лучше жить в отдельном процессе Node.js рядом с Next.js. Статичному лендингу фреймворк не нужен вовсе. А сам фреймворк быстро развивается, поэтому каждый проект я держу на актуальной поддерживаемой версии.
Работает вместе с
Источники
- Next.js Documentation — Vercel ·
