Demo funcional (de moment)
Pàgina de Notion
FÍSICA UB - WIKIBLOG (és una còpia de seguretat, no la oficial)
Pàgina publicada a Vercel
Opció ideal
- La web funciona com sempre en Notion
- A partir de la API oficial de Notion, s’extreu el JSON de la pàgina principal i totes les subpàgines.
- Aquest JSON es simplifica i se’n crea una versió web estàtica (ja sigui amb react, astro…)
- Es posa (build) tot el HTML, JS, CSS i altres components d’aquesta web estàtica a un repositori de GitHub. En canvi els blocs que són fitxers (.pdf, .zip, .tex…) es posen a un servei d’emmagatzematge en el núvol com ara DropBox o AWS S3 (si cal es paga, serien màxim 1-2€ al mes).
Opcionalment també es pot tenir en local (a qualsevol ordinador personal) a mode de còpia de seguretat.
- Es puja (deploy) a un servidor com ara Vercel, Netlify, etc.
- S’utilitza el domini gratuït de Vecerl o Netilify, o si es vol, es paga (uns 10€/mes) un domini propi (fisicaubwiki.com) des del qual poder accedir a la web i poder posar custom slugs, com ara ‘fisicaubwiki.com/algebra-tensorial’ o ‘fisicaubwiki.com/fiesta/examens/explicacions-detallades/p1-gener-2024#Apartat-B’
- Sempre que es vol (un cop al mes per exemple), s’actualitza el build i es torna a fer deploy.
Què s’obté?
- Es pot utilitzar el disseny que es vulgui (colors, tipografia, etc.)
- Es pot crear una pàgina principal diferent, pestanyes, ‘about’, ‘home’, etc.
- Es pot treure el ‘edit’ per persones externes en el Notion, i deixar-lo sols pels editors habituals.
- Si es fa en mode wiki, es pot fer que a baix de les pàgines que es seleccionin (una propietat oculta que sigui una checkbox ‘Mostrar detalls al publicar’) es vegi la data d’actualització d’aquella pàgina i les persones col·laboradores (que han escrit aquells punts). Es pot fer que cada editor habitual tingui el seu perfil… un piló de coses.
- Es pot crear fins i tot si es vol, una pàgina ‘fisicaubwiki.com/blog’ que sigui un blog amb notícies (referents a la web, o referents a la facultat).
Com es pot aconseguir
Hi han diferents vies
- NextJS, React
- Astro
- Markdown i Hugo o Quarto
- Svelte
- Alternatives que utilitzen typescript?
Nota: la majoria de tutorials a internet són per fer blogs, i utilitzen bases de dades. La pregunta és, i si no es vol un blog? I si es vol una child-page normal? Doncs en principi també es pot. Tot i així sorgeix una pregunta: i si és més fàcil amb bases de dades? Aleshores es podria solucionar axiò convertint la web en una wiki?
Tot això caldria investigar-ho.
Diferents maneres d’aconseguir una web estàtica (tutorials)
NextJS i React
El que utilitza la demo del principi:
Aprendre NextJS
Versió encara més xetada (es pot personalitzar més):
Svelte
Quarto
