Как да хоствате супер бърз уебсайт безплатно в Netlify

Jamstack сайтовете са супер бързи, защото обслужват статични файлове. Те използват толкова малко CPU и сървърни ресурси като цяло, че платформи като Netlify могат да предложат безплатен и качествен хостинг.

Netlify е облачна компютърна среда. Но за разлика от други облачни платформи като AWS и Google Cloud, Netlify е проста и лесна за използване. Без сложни уроци и без дълги настройки.

Услугата Netlify има за цел да направи живота ви възможно най-лесен, като комбинира най-доброто от различни светове в една услуга: облачни изчисления, Jamstack, Git хранилища и ценообразуване на freemium.

Netlify & The Jamstack

Netlify е част от движението Jamstack от дълго време и е една от най-ранните и най-добри платформи, които допринасят за развитието на този модерен метод за уеб дизайн.

Движението Jamstack съчетава JavaScript, API и Markup, за да създаде методология за разработка на предния край, която се отделя от задния край. Това води до по-добра производителност на сървъра, по-добра сигурност, по-лесно мащабиране и по-ниски текущи разходи.

GitHub, например, първоначално предлагаше уеб хостинг за файлове, които се хостват на неговата платформа, но услугата имаше своите ограничения. След това Netlify изведе изграждането на код на уебсайт от хранилища и хостването на статичните му варианти на съвсем ново ниво. И това създаде напълно нова индустрия с много предимства.

Причини да използвате Netlify

Netlify означава толкова много неща, защото прави толкова много неща. Чрез комбиниране на много функции в една услуга и автоматизиране на възможно най-голяма част от нея, платформата предлага големи предимства за фирми от всякакъв размер.

Следните са основните предимства, които можете да получите от Netlify:

• Лесна употреба – Netlify е една от най-лесните за използване облачни хостинг платформи. Няма нужда да четете дълги и объркващи уроци. Няма сложни стъпки за настройка или дори по-сложни процедури за поддръжка. Netlify просто работи.
  
  В допълнение към всичко това системата предлага еластични изчислителни функции като други облачни среди. Това гарантира, че когато настъпи моментът, вашият уебсайт или услуга ще се мащабират грациозно, за да се справят с пикове в трафика без обичайните тесни места в задната част.
  
• Мрежа за разпространение на съдържание – Като част от своята простота и лекота на използване, услугата Netlify включва мрежа за разпространение на съдържание, наречена Netlify Edge. Той разгръща вашите уеб страници на множество места, за да ги обслужва възможно най-бързо на близките посетители.
  
  Голямата част от тази услуга е, че не е необходимо да променяте и конфигурирате каквито и да било настройки, за да получите най-добри резултати. След като разположите сайта си, актуализирате всичките си уеб активи и код наведнъж. Всички кешове незабавно се анулират и актуализират по целия свят. Освен това можете лесно и мигновено да върнете сайта си към предишни версии.
  
  Netlify управлява повечето от това автоматично вместо вас. Единствената разлика е в броя на услугите и крайните местоположения, които получавате, тъй като безплатният план има някои ограничения.
  
• Безплатен план – Netlify е безплатна платформа за софтуер като услуга. Но за разлика от други платформи за облачни изчисления, безплатният акаунт е напълно безплатен. Не е необходима кредитна карта.
  
  Все пак този безплатен план включва много впечатляващи функции. Като автоматизирани компилации на Git, крайни мрежови внедрявания, незабавно връщане към предишни версии, визуализации на живо преди внедряване и безплатни функции без сървър.
  
• Автоматизирани компилации – Получавате и Netlify Build безплатно. Този CI/CD (непрекъсната интеграция/непрекъснато внедряване) улеснява управлението на разработките и подобренията на вашия сайт. Той автоматично се възстановява от вашето хранилище всеки път, когато изпращате нови актуализации към вашия Git акаунт.
  
  Всичко е напълно автоматизирано и са налични предварителни прегледи, за да знаете какво ще внедрите. Можете също така да конфигурирате всяка стъпка от процеса и връщането към предишни компилации е лесно.
  
• Функции на Netlify – Всеки сайт, който внедрите на платформата Netlify, идва с достъп до функции без сървър, които можете да използвате за много неща. Тези функции на Netlify са процеси от страна на сървъра, които се изпълняват на JavaScript код.
  
  Всеки сайт получава 125 хиляди извиквания безплатно и трябва да платите само когато надхвърлите тази квота. Можете да използвате функциите за работа с изображения, изпращане на имейли, валидиране на въведеното от потребителя и дори извличане на данни от други крайни точки на API.
  
• Автоматични форми – Netlify улеснява интегрирането на формуляри във вашия статичен сайт и улавянето на всички изпращания без обширно кодиране или други стресови проблеми. Просто добавете атрибута „netlify“ към всеки от вашите формуляри като … и това е всичко.
  
  След това можете да видите всички изпратени документи в таблото си за управление, като формулярите са внимателно подредени по име. Системата се предлага с функция против нежелана поща и Netlify може допълнително да ви уведоми чрез имейл, Slack или уебкукички, след като има подаване.
  
  Други опции включват препращане на изпратените формуляри до 1,000+ приложения с помощта на интеграцията на Zapier на Netlify.
  
• NetlifyCMS – Приложението NetlifyCMS е удобен редактор за всеки статичен сайт, хостван на платформата Netlify чрез Git доставчик като GitHub. Той взема всички ваши данни от хранилището и създава лесен за използване интерфейс за управление.
  
  NetlifyCMS е приложение React с една страница, създадено от общност от над 100 участници. Той е удобен за редактор, предлага интуитивен работен процес, напълно е безплатен и прави управлението на Jamstack сайтове забавно.
  
• Безплатен HTTPS – Всички хостинг акаунти в Netlify включват безплатен HTTPS. Това са безплатни SSL (Secure Socket Layer) сертификати.

Сметки и цени

Netlify е безплатна софтуерна услуга. Има напълно безплатен план за начинаещи, професионален план за $19 на член на месец, бизнес план за $99 на член на месец и план за предприятие с персонализирано ценообразуване.

Впечатляващото при Netlify е, че можете да свършите много с неговия безплатен план за начинаещи. Проектиран за лични проекти, експерименти, сайтове за хоби и други приключения, планът за начинаещи включва автоматизирани компилации с 300 безплатни минути компилации на месец.

Той също така включва глобални крайни внедрявания, незабавни връщания назад, NetlifyCMS, функции без сървър, 100 GB честотна лента на месец и до 100 безплатни подавания на формуляри на сайт на месец. Освен това можете да хоствате неограничен брой сайтове в плана за начинаещи.

Планът Pro добавя повече функции като защитени с парола сайтове, фонови функции, повече минути за изграждане и честотна лента, както и много други. Тези допълнителни функции се увеличават, докато се придвижвате към по-високите планове.

Как да хоствате уебсайт безплатно в Netlify

Netlify побеждава други облачни компютри и хостинг компании като AWS, Google Cloud и Azure за простота. Да, те имат повече инфраструктура, по-мощни машини и центрове за данни по целия свят, но настройката им може да бъде скучна.

Ето процес на настройка стъпка по стъпка, който ви показва колко лесно е да хоствате сайт на Jamstack в Netlify.

1. Регистрирайте се и влезте

Първата ви стъпка е да навигирате до app.netlify.com и се регистрирайте, ако не сте. Ще бъдете посрещнати с пет различни метода за влизане, от GitHub да се GitLab, Bitbucket, имейл и SSO.

След като се регистрирате, ще трябва също да влезете в своя имейл акаунт, за да намерите имейла за потвърждение от Netlify. Кликнете върху него, за да потвърдите акаунта си и да влезете в системата.

2. Добавяне на нов сайт

Зареждането на приложението отнема няколко секунди. След това ви се представя кратък въпросник, който включва неща като името на вашия екип и т.н. Просто попълнете всичко честно. Но не забравяйте, че безплатният план включва само един член – вас.

След като преминете през този етап, ще се озовете в таблото по подразбиране. Кликнете върху „Нов сайт от Git“, за да хоствате нов сайт. Или можете също да плъзнете и пуснете папка, съдържаща вашите статични файлове, в маркираната област на таблото и Netlify ще свърши останалото.

3. Свържете GitHub

Щракването върху бутона от стъпка 2 по-горе ще отвори нов прозорец, който ви подканва да свържете новия си сайт с GitHub или всяко друго Git хранилище като GitLab и Bitbucket. На този етап се уверете, че имате регистриран акаунт в Git и че файловете на вашия сайт вече са в хранилище.

4. Оторизирайте Netlify

Сега просто ще трябва да кажете на GitHub да разреши на Netlify достъп до вашия GitHub акаунт и всичко е уредено.

5. Изберете вашето хранилище

Всеки стандартен сайт на Netlify е свързан с едно хранилище. Изберете този, който искате да използвате, и продължете напред.

6. Конфигуриране на настройките за изграждане

Ще трябва да обърнете малко внимание на тази страница. Ако вече имате статични сайтове и не използвате предварителни процесори, тогава можете да зададете директорията за публикуване на „/“. И оставете командното поле за изграждане празно.

Ако използвате генератор на статичен сайт като Gatsby или Next, от друга страна, тогава това, което въвеждате тук, ще зависи от генератора. Можете да разгледате този списък с общи конфигурации, за да знам какво да въведа.

7. Изграждане и внедряване

След като всичко е настроено, щракнете върху „Deploy Site“ и Netlify ще стартира всички необходими компилации и ще създаде вашия лъскав нов уебсайт. Просто имайте малко търпение.

8. Настройте име на домейн

След изграждането и внедряването на вашия сайт, Netlify ще му даде име в домейна *.netlify.app. По-късно можете да промените това име в нещо по-хубаво или дори да прикачите потребителски домейн към сайта.

Netlify ви позволява да прикачите персонализиран домейн, който сте закупили другаде, или да закупите домейна чрез таблото си за управление на Netlify. И системата ще се погрижи за всичко. Просто щракнете върху раздела Домейни в таблото за управление, за да добавите или регистрирате нов домейн за новия си сайт.

Заключение

Стигнахме до края на това просто ръководство за безплатно хостване на супер бърз уебсайт на платформата Netlify. И вие сте видели причините и начина да го направите.

Сега остава или да кодирате своя статичен сайт на ръка, или да използвате генератор на статичен сайт.