Complemento para Meetup
scully-plugin-meetup
es un complemento router
para Scully que obtiene informaci贸n de una API de eventos de Meetup durante el descubrimiento de rutas.
Scully usa los resultado de la API para renderizar los archivos est谩ticos para cada evento.
馃摝 Instalaci贸n
Para instalar el complemento con npm
ejecuta
$ npm install scully-plugin-meetup --save-dev
Uso
Si tu aplicaci贸n deber铆a tener configurada una ruta con el path event/:eventId
. Scully necesita ayuda para entender el par谩metros :eventId
.
El siguiente es un ejemplo de c贸mo deber铆a usar el complemento scully-plugin-meetup
para obtener los eventId
s prerenderizados basandose en la API de Meetup Event.
// scully.config.ts
export const config: ScullyConfig = {
// Add the following to your file
routes: {
'/event/:eventId': {
type: 'meetup',
eventId: {
name: 'YOUR_MEETUP_GROUP_NAME',
property: 'id',
},
},
},
};
Ejemplo de configuraci贸n
El ejemplo anterior configura a Scully para usar el complement meetup
para obtener datos v铆a HTTP siempre que encuentre una ruta que coincida con /event/:eventId
.
El complemento de Meetup extrae el nombre de propiedad proporcionado de cada uno de los elementos y generar谩 p谩ginas est谩ticas basadas en todos los eventos que se encuentran en el resultado.
Es posible configurar el complemente meetup
, m谩s adelante se puede ver un ejemplo donde se obtendr谩 como m谩ximo 10 eventos del pasado.
// scully.config.ts
export const config: ScullyConfig = {
// Add the following to your file
routes: {
'/event/:eventId': {
type: 'meetup',
eventId: {
name: 'YOUR_MEETUP_GROUP_NAME',
property: 'id',
amount: 10,
status: `past`,
},
},
},
};
Propiedad | Descripci贸n | Valores de ejemplo |
---|---|---|
Name | El nombre del grupo de meetup | Dutch-Angular-Group |
Amount | La cantidad de eventos que la api necesita retornar | 10 (max 100) |
Status | El estado de un evento, puede ser pasado o futuro | past |
Sorting | Una funci贸n para manejar el orden de los eventos | (eventA, eventB) => (eventA.date < eventB.date ? 1 : -1) |