Estoy tratando de implementar este repositorio: https://github.com/DataStax-Examples/astra-tik-tok con Vercel en lugar de Netlify.
Refactoricé Vanilla React en Next.js, pero en el archivo Home.js no entiendo cómo migrar esto al equivalente de Vercel:
//fetch all the tik-tok posts to your feed const fetchData = async () => { const results = await axios.get('/.netlify/functions/posts') console.log(results.data) setUsers(results.data) }¿Algunas ideas?
El equivalente en Next.js son las rutas API , que se implementan como funciones sin servidor en Vercel. Deben crearse en la carpeta /pages/api .
Debe refactorizar ligeramente las funciones para que funcionen con Next.js. Por ejemplo, su función add.js tendría el siguiente aspecto como una ruta API.
// /pages/api/add.js export default function handler(req, res) { const users = await getCollection(); try { const user = await users.create(id, event.body); res.status(200).json(user); } catch (e) { console.error(e); res.status(500).json({ error: JSON.stringify(e) }) } }; Luego llamaría a la ruta API desde el código del lado del cliente apuntando a /api/add .
await axios.get('/api/add')