next15 filterlist

Next.js 15 Lista de filtros

Un administrador de tareas de proyecto interactivo y mejorado progresivamente con el filtrado usando Next.js 15 con CSS y Prisma de Vailín. Se ha ralentizado deliberadamente para mostrar el manejo del estado de carga.

Consulte filter-provider Branch para una versión de API de contexto, que se combina todos los filtros en un solo estado, solucionando el problema de que se descartan al alternar en múltiples.

Consulte la rama nuqs para una versión que usa NUQS para lograr lo mismo. Probablemente sea mejor usar una biblioteca, ¿verdad?

Este es un proyecto Next.js arrancado con create-next-app .

Este proyecto utiliza next/font para optimizar y cargar automáticamente Inter, una fuente de Google personalizada.

Empezando

Primero, instale las dependencias:

npm install

Luego, ejecute el servidor de desarrollo:

npm run dev

Abra http: // localhost: 3000 con su navegador para ver el resultado.

Configuración del prisma

Necesita decidir entre el desarrollo local de Prisma con sqlite o una base de datos real con, por ejemplo, sqlserver . Defínelo en el archivo schema.prisma .

Considere agregar un archivo .env a la raíz del proyecto y usar estos dentro de schema.prisma con env("DATABASE_URL") , consulte .env.sample .

Después de cambiar, elimine la carpeta prisma/migrations antes de ejecutar el comando de migración.

Al usar SQLServer, debe migrar el esquema de la base de datos con:

npm run prisma.migrate

Cuando use SQLite, inicialice con:

npm run prisma.push

Semilla prisma/semilla.ts para datos iniciales:

npm run prisma.seed

Obtenga más información

Para obtener más información sobre Next.js, eche un vistazo a los siguientes recursos:

• Documentación Next.JS - Aprenda sobre las funciones de Next.js y la API.
• Aprende Next.js - Un tutorial interactivo Next.js.

Puede consultar el repositorio Next.js GitHub: ¡sus comentarios y contribuciones son bienvenidos!

Desplegar en Vercel

La forma más fácil de implementar su aplicación Next.js es usar la plataforma Vercel de los creadores de Next.js.

Consulte nuestra documentación de implementación Next.js para obtener más detalles.