Info: Netlify wird als als hoster für die static page genutzt und in den DNS Einstellungen des Kunden wird auf die jeweilige Netlify Domain verwiesen.
- Von dieser Github Repository einen neuen Branch erstellen. (Wichtig: Nicht den Master branch überschreiben).
- Bei Netlify einloggen und über "New site from Git" ein neues Projekt anlegen und als Continuous Deployment Methode "Github App" auswählen.
- Als Repository "schwarzdesign/onepager" auswählen und anschließend anklicken. Nun kann der neu erstellte Branch ausgewählt werden.
- Nun auf "Deploy Site" klicken -> Dadurch wird der Deploy Vorgang gestartet und bei erfolgreichem Abschluss automatisch eine netlify domain erstellt.
- Alle Änderungen im jeweiligen branch werden von Netlify automatisch übernommen. Die Config kann also direkt über Github beaerbeitet werden. (src/_data/project.js) // Bilder, welche in der config angegeben werden, müssen im order src/assets/bild.jpg liegen.
- Newsletter html code muss direkt in src/index.njk eingefügt werden. Dazu einfach {# newsletter html placeholder steht #} ersetzen.
- Netlify Domain in DNS Eintrag des Kundenservers eintragen. (Diese lautet dann z.B. https://jolly-davinci-fb7f55.netlify.com/)
Info: Das One Pager projekt herunterladen und lokal kompilieren
- Entwicklungsumgebung:
- NVM installieren
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh - Node.js/npm installieren (v13.7.0)
nvm install node - Genauere Beschreibung hier.
- NVM installieren
- Über das Github interface oder die Console diese Repository herunterladen
- Die Config in src/_data/project.js für den jeweiligen Kunden anpassen
- Über Console ins Root directory navigieren und mit "npm run build" die statische Seite generieren
- Die generierten Dateien liegen nun unter _site/ und können per FTP oder SSH auf den Kundenserver geschoben werden.