Como usar Google Sheets como base de datos en Next.js con App Router en 1 minuto

para usar Google sheets como base de datos en nuestra aplicación nextjs basta con abrir la hoja de cálculos que contiene nuestros datos ir a archivo compartir publicar en la web seleccionar csd y le damos publicar esto nos va a dar una URL que vamos a usar para consumir los datos de nuestra hoja de cálculo en formato texto donde cada producto está separado por un salto de línea y cada columna está separada por una coma en nuestra página

de inicio vamos hacer un fetch a esa URL y extraemos la respuesta en formato texto vamos crear una Ray de productos parendo de nu String csb separando deex por un salto de L y eliminando la primera l ya solamente contiene nombres de colum vamos a iterar sobre cada producto y vamos a crear un objeto con las propiedades que necesitamos

ahora podemos iterar sobre cada producto y Mostrar Su contenido en pantalla