Как разработчик, работающий над полнофункциональным приложением, вам необходима локальная среда разработки, максимально приближенная к производственной среде. Это позволит вам тестировать и отлаживать ваше приложение локально перед его развертыванием в рабочей среде.
Почти каждому полнофункциональному приложению необходима база данных и файловое хранилище, поэтому давайте создадим базовое полностековое приложение, которое сможет сохранять и извлекать данные из базы данных, а также загружать и скачивать файлы из файлового хранилища.
Hanko — это легкое решение для аутентификации пользователей с открытым исходным кодом, которое поможет вам выйти за рамки паролей.
Узнайте, как быстро добавить аутентификацию и профиль пользователя в приложение Next.js с помощью Hanko.
Сначала создайте новое приложение Next.js.
Существует множество технологий, но мы постараемся сделать пример как можно более простым, чтобы сделать его понятным.
Мы будем использовать подход "снизу вверх", начиная с базы данных и заканчивая интерфейсом.
В настоящее время все чаще встречаются компоненты веб-приложений с функциями, которые обновляются в режиме реального времени. И одна из вещей, которую ожидают пользователи, заключается в том, что интеграция этих функций осуществляется бесшовным динамическим способом, выходящим за рамки обычной модели "запрос-ответ" со стратегиями извлечения данных.
В сегодняшней статье мы сосредоточимся на одном из моих любимых трио: мы будем использовать фреймворк Next.js для создания веб-приложения, Drizzle для определения схемы базы данных и взаимодействия с ней и, возможно, самый важный компонент этой статьи - Soketi.
Создание приложения с интерфейсом командной строки (CLI) в Node.js и его публикация в npm
(Node Package Manager) и Yarn
может стать полезным способом поделиться своими инструментами со всем миром.
В настоящее время мы используем aws-sdk для взаимодействия с DynamoDB.
Поскольку DynamoDB - это NoSQL-хранилище ключей-значений, при работе в команде возникает множество проблем. Существует большая вероятность ошибок в синтаксисе того, как мы взаимодействуем с базой данных.
Нам нужен последовательный способ выполнения задач. И сегодня мы посмотрим, как это сделать с помощью потрясающей библиотеки Dynamoose.
Создайте новый репозиторий GitHub, клонируйте его локально и инициализируйте новое приложение Vite React с помощью команды:
npm init vite .
Современные системы сложно разрабатывать локально, поскольку они обычно включают в себя различные сервисы. Процесс настройки локальной среды разработки вызвал обеспокоенность у некоторых разработчиков. Одной из основных проблем, с которой сталкиваются разработчики, является проблема «это работает на моем компьютере», которая возникает, когда они разрабатывают приложение, которое хорошо работает на их локальном компьютере, но совсем не работает при его развертывании в других средах. Эти ситуации затрудняют сотрудничество или эффективное развертывание.
Как новичка в огромном и динамичном мире веб-серверов, меня недавно привлекла простота и эффективность, которые обещают Docker и Nginx. Жаждая исследовать и учиться, я отправился в путешествие, чтобы создать базовую статическую веб-страницу с помощью этих технологий. В этом блоге я описываю свой опыт, шаг за шагом, начиная с установки и заканчивая обслуживанием статической веб-страницы.
Привет, читатель, это Sourab. Недавно в одном из своих проектов я использовал Docker и Nginx для развертывания приложения React на интерфейсном сервере. Давайте посмотрим, как я это сделал.
Во-первых, нам понадобится проект React, чтобы вы могли пропустить создание нового проекта React, если он у вас уже есть.
Присоединяйся в тусовку
Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.
В этом месте могла бы быть ваша реклама
Разместить рекламу