Cuttlebelle

Dit is een voorbeeld van hoe je een Cuttlebelle applicatie instelt om Kinsta’s Statische Site Hosting diensten te deployen vanuit een GitHub repository.

Cuttlebelle is een statische sitebouwer die elke pagina opsplitst in contentblokken die je later kunt samenvoegen om verschillende pagina lay-outs te maken zonder dat je complexe code hoeft te begrijpen of te gebruiken. Meer informatie is beschikbaar op de website van Cuttlebelle.

Je kunt deze Quickstart template ook gebruiken op Kinsta’s Applicatie Hosting zonder extra configuratie. Als je Applicatie Hosting gebruikt, kun je het Start commando leeg laten voor het webproces omdat Kinsta automatisch het benodigde commando detecteert tijdens de eerste implementatie.

Vereisten

• Kinsta’s Quickstart templates worden opgeslagen en beheerd in GitHub; daarom heb je een GitHub account nodig om ze te openen.
• Je moet een MyKinsta account aanmaken om de applicatie te deployen.

Een Cuttlebelle statische site deployen

1. Log in op GitHub en maak een nieuwe repository van deployen (Use this template > Create a new repository): Kinsta – Hello World – Static Site with Cuttlebelle.
2. Klik in MyKinsta op Statische sites > Site toevoegen > selecteer GitHub, klik op Verbind git provider > Autoriseren, en log in op je GitHub account.
3. Kies de Hello World Cuttlebelle repository, klik op Doorgaan, en voer het volgende in bij de Build instellingen:
   • Build commando: npm run build
   • Node versie: 18.16.0
   • Publish directory:.site

Tijdens het rolloutproces installeert Kinsta automatisch de dependencies die zijn gedefinieerd in je composer.json. De site is beschikbaar zodra de deployment is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je site.

Deployment levenscyclus

Telkens als een deployment wordt gestart (door het maken van een applicatie of opnieuw deployen als gevolg van een inkomende commit), wordt het npm build commando uitgevoerd, gevolgd door het npm start commando.