Sätta upp vår frontend på en hosting-site och koppla till WP Rest API

[esplito]

Specifikation - Sätta upp vår frontend på en hosting-site och koppla till WP Rest API

Uppgift

• Undersöka var vi kan hosta en statiskt genererad sida från nuxt. (Det som man får ut efter att ha kört npm run generate i terminalen)
• Lägga upp den statiskt genererade sidan på någon form av hosting
• Testa om det går att hämta information vårt WP Rest API

Krav

• [x] Hostingen ska inte innebära någon extra kostnad för UPS
• [x] Uppdatering av en "post" eller publicering av en ny ska trigga en webhook på Netlify som kör "npm run generate" för att uppdatera frontend. (testat med eget konto och modifierat ett WP-plugin)
  • Följande behöver göras innan sidan ska gå live:
  • [x] Sätta upp ett Netlify-konto åt UPS
  • [x] Koppla UPS git repo till Netlify-konto (vi kommer behöva göra repo "public" för detta)
  • [x] Sätta upp custom domain i Netlify till "new.uppsalapolitices.se" eller liknande
  • [x] Sidan ska visa rätt innehåll och fungera som i utvecklingsmiljön
  • [x] När nytt innehåll skapas (eller gammalt innehåll uppdateras) i WordPress så ska det även synas på vår frontend.

Material som kan vara intressant

• Deploy nuxt-project on Netlify
• Deploy nuxt-project on Github Pages
• Deploy nuxt-project on Heroku

[esplito]

Hittade även detta som kan vara användbart:

• Quick Nuxt.js SSR prototyping with Firebase Cloud Functions
  • Git repo - Nuxt SSR Firebase
• Video - Deploy Nuxt/Vue to Firebase

[esplito]

Det kommer inte gå att köra via Firebase på "gratis"-varianten. Den blockerar alla requests till vårt WP Rest API. Ska undersöka om Netlify fungerar istället.

[esplito]

Installerat ett plugin i WP och modifierat det så att vi kan instruera Netlify att "rebuilda" frontend vid ändringar. (testade på eget netlify-konto)

[esplito]

Vi har lite problem med prestanda för att hämta innehåll från REST API:et. Förhoppningsvis löser "Managed DNS" i Netlify detta.