Угловой и Netlify

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

  • HTML
  • CSS
  • Javascript

Это может быть размещено на Netlify в мгновение ока! Давайте начнем!

1. Создайте новое приложение angular

ng new netlify-app // you are free to name your project

2. Добавьте немного HTML и CSS

app.component.html
<h1>This is my netlify application !</h1>
app.component.css
h1 {
  text-align: center;
}

3. Предварительный просмотр

4. Создание углового приложения

ng build

5. Разверните в Netlify

После создания папки dist:

  • Перейдите на https://www.netlify.com
  • Регистрация Вход
  • Перейдите на вкладку «Сайты»
  • Прокрутите вниз и найдите поле для загрузки папки
  • Перетащите папку dist
  • Сделанный!
  • И если вы видите случайную ссылку, которую дает вам Netlify, нажмите на эту ссылку, и она откроется в новой вкладке. И знаете что, это ваш проект!

Окончательный результат

Примечание :

Вы также можете использовать netlify с помощью github или gitlab, это зависит от того, где вы разместили свой проект.

А также, если вам интересно, «angular — это машинописный текст, почему его можно развернуть в приложении netlify, которое принимает только javascript?» Ответ: когда вы создаете угловое приложение, оно автоматически компилирует ваш машинописный код в javascript и минимизирует файл.

Вот и все! Я надеюсь, что это помогает! #sayyestocode