Quiero usar la API de Google Calendar como biblioteca en Next.js sin usar _document.tsx. En ese caso, se me ocurrieron 2 formas que podrían ser posibles de la siguiente manera;
Con respecto a 1, aparentemente no hay formas de npm install xxx en el sitio oficial aquí , pero se dice que se usa <script src="https://apis.google.com/js/api.js"></script> . Esto no es lo que quería porque uso Next.js, así que quiero usar esta biblioteca usando npm install.
En cuanto al método 2, npm install googleapi se presenta en el sitio oficial aquí , pero todavía me preocupa que solo funcione en el lado del servidor. Dado que estoy creando un sitio similar a un tablero, quiero llamar a la API desde el lado del cliente (navegador) cuando los usuarios soliciten su tablero, por lo que si solo puedo ejecutarlo en el lado del servidor, ¡será un problema para mí!
Alguien puede responder eso??
Método 1
Este enfoque es viable. Mencionó que no desea usar _document.tsx , lo que me hace pensar que no está seguro de dónde colocar la etiqueta <script> que importa JS de terceros o si eso está permitido en Next.js. Lo es: en su lugar, usaría el componente <Script> personalizado de Next.js, que se puede usar en otras páginas y componentes. Solo tendría que transferir este ejemplo a Next.js/React.
Método 2
El googleapis (o @googleapis/calendar ) solo funcionará en el lado del servidor, pero aún puede llamarlos/acceder a ellos desde el lado del cliente (navegador) si los importa a las páginas de la API. Por ejemplo, pages/api/gcal.ts importaría @googleapis/calendar luego pages/index.tsx haría una solicitud de datos del lado del cliente a http://localhost:3000/api/gcal .
Entonces, para su caso, creo que el método 2 es lo que querría.