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

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

Для этого мы создадим простой react app и поместим его в наш repository.

Создание приложения react:

#!/bin/bash npx create-react-app netlify-test

Отправить в репозиторий:

#!/bin/bash cd netlify-test && git push

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

После того, как вы получили свою учетную запись, у вас есть этот обзор и кнопка, с помощью которой вы можете добавить новый веб-сайт.

А вот и часть интеграции в ваш репозиторий, куда вы ранее отправили свое приложение для реагирования. Вы можете связать его с помощью кнопки New site from Git, после чего вам просто нужно выполнить шаги и подключиться к вашему Github account, чтобы предоставить к нему доступ.

Чтобы подготовить развертывание, вы должны настроить его на последнем этапе интеграции репозитория GitHub. Чтобы запустить наше приложение, мы собираемся обслуживать build и добавлять конфигурацию в Netlify.

У вас, конечно, есть некоторые logs о развертывании, чтобы увидеть, все ли работает нормально.

Вы можете добавить custom domain в свое приложение, это легко найти в настройках веб-сайта.

Вот вам и URL.

Распространяется по лицензии MIT. См. LICENSE для получения дополнительной информации.

Хамза Мунир — @pixlhamza — [email protected]

Ставьте ⭐️, если вам понравился этот пост!

Первоначально опубликовано наhttps://hmounir.com/pensieve