Een Nuxt-App Implementeren

Om een Nuxt-applicatie op Hostman te implementeren, ga je naar het gedeelte App-Platform en klik je op Maken.

Voor frontend-apps ondersteunt het App-platform alleen statische generatie (SSG). Als je app SSR vereist, gebruik dan deployment via Dockerfile.

Stap 1. Kies het type applicatie

Selecteer Nuxt onder het tabblad Frontend. Kies ook de gewenste versie van Node.js.

Stap 2. Verbind een repository

Je kunt een repository verbinden:

• Vanuit je GitHub-, GitLab- of BitBucket-account. Klik op de naam van het platform, log in en kies de gewenste repository. Als je al bent ingelogd, toont Hostman direct de beschikbare repositories.

• Via een URL, door een link op te geven naar een repository op eender welk platform. Klik op Verbind repository via URL en voer de Git-URL in. Als de repository privé is, geef dan ook de toegangsgegevens op.

Lees hier meer over het verbinden van repositories.

Stap 3. Selecteer een branch en commit

1. Kies een branch om te implementeren.
2. Standaard is de optie Build met laatst uitgevoerde commit ingeschakeld. In dat geval implementeert de App-platform de laatste commit en zal deze later automatisch de applicatie opnieuw bouwen wanneer je nieuwe commits toevoegt aan het repository. Indien nodig kun je de automatische implementatie in de toekomst uitschakelen.

Als je handmatig een specifieke commit wilt selecteren, schakel dan deze optie uit.

Stap 4. Kies de serverlocatie

Selecteer de serverlocatie.

Voor alle frontend-apps bieden wij een basisconfiguratie met 1 GB NVMe en een limiet van 200.000 verzoeken per maand.

Stap 5. Configureer de build-instellingen

Het platform detecteert automatisch het build-commando en de build-map voor je project, dus meestal hoef je niets te veranderen.

Als je project extra modules nodig heeft, kun je je eigen build-commando opgeven of meerdere combineren met &&.

Je kunt ook variabelen instellen indien nodig.

Alle instellingen kun je later aanpassen en de app opnieuw implementeren.

Stap 6. Vul de app-informatie in

Hier kun je een naam en een opmerking voor je app opgeven, die in het Hostman-dashboard worden weergegeven. Je kunt ook een project kiezen waaraan je de app toevoegt.

Deze instellingen kun je later wijzigen.

Stap 7. Implementeer

Klik op Start Deploy. Zodra het proces begint, zie je het implementatielogboek op het tabblad Deploy.

Het logboek bevat alle nodige informatie om eventuele problemen op te lossen. Als er iets misgaat, bijvoorbeeld door codefouten, zie je daar een melding met de oorzaak.

Bij het eerste deploy kan de installatie van de server even duren. Zodra dit voltooid is, wordt de status van de app bijgewerkt en zie je een melding in het logboek.

Klaar!

Je vindt de URL van je app (het technische domein) op de hoofdpagina in het gedeelte Apps of onder het tabblad Instellingen van je app. Je kunt ook je eigen domein koppelen.

De app draait op poorten 443 en 80.

In de toekomst controleert het App-platform updates in de repository en bouwt het de app automatisch opnieuw wanneer automatische implementatie is ingeschakeld.